Skip to content

basic-uniapp-v3
basic-uniapp-v3
提交 fa7da8d3 作者: 方治民
操作

chore: 修复首页、农场、农知页面样式各类问题

上级 a03fa9b2
正在显示 包含 115 行增加 和 38 行删除
src/pages/nongzhi/nongzhi.vue
...@@ -249,39 +249,61 @@ ...@@ -249,39 +249,61 @@
<text class="font_5 text_48">更多</text> <text class="font_5 text_48">更多</text>
</view> </view>
<view class="codefun-flex-col section_15"> <view class="codefun-flex-col section_15">
<view class="codefun-flex-col group_17 flex"> <view class="codefun-flex-row group_17">
<view class="section_11" /> <view class="w-200rpx h-124rpx">
<text class="codefun-self-end font_16">春季麦田管理要点</text>
<view
class="codefun-flex-row codefun-items-center codefun-self-stretch group_15 codefun-mt-20"
>
<image <image
class="image_3" class="w-full h-full"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png" src="/static/images/codefun/ea2c9cb4b1cb479a8164a6ad745a7a9d.png"
mode="scaleToFill"
/> />
<text class="font_7 codefun-ml-4">1245</text> </view>
<view class="flex-1 ml-4">
<text class="codefun-self-end font_16">春季麦田管理要点</text>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch codefun-mt-20">
<image
class="image_3"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png"
/>
<text class="font_7 codefun-ml-4">7335</text>
</view>
</view> </view>
</view> </view>
<view class="codefun-flex-col codefun-mt-32"> <view class="codefun-flex-row group_17 codefun-mt-32">
<text class="codefun-self-end font_16">农作物施肥技术指南</text> <view class="w-200rpx h-124rpx">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch codefun-mt-20">
<image <image
class="image_3 image_8" class="w-full h-full"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png" src="/static/images/codefun/3f49c887f73048daa48ecc834bc32e49.png"
mode="scaleToFill"
/> />
<text class="font_7 codefun-ml-4">1245</text> </view>
<view class="flex-1 ml-4">
<text class="codefun-self-end font_16">农作物施肥技术指南</text>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch codefun-mt-20">
<image
class="image_3"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png"
/>
<text class="font_7 codefun-ml-4">3235</text>
</view>
</view> </view>
</view> </view>
<view class="codefun-flex-col group_17 codefun-mt-32"> <view class="codefun-flex-row group_17 codefun-mt-32">
<text class="codefun-self-end font_16">果树花期管理方法</text> <view class="w-200rpx h-124rpx">
<view
class="codefun-flex-row codefun-items-center codefun-self-stretch group_15 codefun-mt-20"
>
<image <image
class="image_3" class="w-full h-full"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png" src="/static/images/codefun/17706769e0f74252bc26be7a373cc674.png"
mode="scaleToFill"
/> />
<text class="font_7 codefun-ml-4">1245</text> </view>
<view class="flex-1 ml-4">
<text class="codefun-self-end font_16">果树花期管理方法</text>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch codefun-mt-20">
<image
class="image_3"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png"
/>
<text class="font_7 codefun-ml-4">1245</text>
</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -623,12 +645,12 @@ ...@@ -623,12 +645,12 @@
} }
.section_15 { .section_15 {
margin-right: 28rpx; margin-right: 28rpx;
padding: 48rpx 152rpx; padding: 48rpx 24rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 16rpx; border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
.group_17 { .group_17 {
padding: 0 32rpx; padding: 0 24rpx;
.group_15 { .group_15 {
padding: 0 72rpx; padding: 0 72rpx;
} }
......
src/pages/shouye/shouye.vue
...@@ -211,7 +211,7 @@ ...@@ -211,7 +211,7 @@
<view <view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-center codefun-relative group_20" class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-center codefun-relative group_20"
> >
<text class="font_8 text_23">晚稻13号</text> <text class="font_8 text_23">晚稻9号</text>
<text class="font_9 pos_2">¥3211</text> <text class="font_9 pos_2">¥3211</text>
</view> </view>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch section_10"> <view class="codefun-flex-row codefun-items-center codefun-self-stretch section_10">
...@@ -232,7 +232,7 @@ ...@@ -232,7 +232,7 @@
<view <view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-center codefun-relative group_1" class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-center codefun-relative group_1"
> >
<text class="font_8 text_23">晚稻13号</text> <text class="font_8 text_23">晚稻11号</text>
<text class="font_9 text_24 pos_3">¥2120</text> <text class="font_9 text_24 pos_3">¥2120</text>
</view> </view>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch section_11"> <view class="codefun-flex-row codefun-items-center codefun-self-stretch section_11">
...@@ -240,7 +240,7 @@ ...@@ -240,7 +240,7 @@
class="codefun-shrink-0 image_14" class="codefun-shrink-0 image_14"
src="/static/images/codefun/c7e797cc626699dcc8999a72145e9f8b.png" src="/static/images/codefun/c7e797cc626699dcc8999a72145e9f8b.png"
/> />
<text class="font_10 text_26 ml-3">+1.2%</text> <text class="font_10 text_24 text_26">-1.2%</text>
</view> </view>
<view <view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_6" class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_6"
...@@ -269,7 +269,7 @@ ...@@ -269,7 +269,7 @@
<text class="font_7 text_49">个</text> <text class="font_7 text_49">个</text>
</view> </view>
</view> </view>
<view class="codefun-flex-col section_12 section_1 ml-19"> <view class="codefun-flex-col section_12 section_1">
<view <view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative group_26" class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative group_26"
> >
...@@ -284,7 +284,7 @@ ...@@ -284,7 +284,7 @@
<text class="font_7">台</text> <text class="font_7">台</text>
</view> </view>
</view> </view>
<view class="codefun-flex-col section_12 section_19 ml-19"> <view class="codefun-flex-col section_12 section_19">
<view <view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative group_27" class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative group_27"
> >
...@@ -299,6 +299,51 @@ ...@@ -299,6 +299,51 @@
<text class="font_7 text_31">笔</text> <text class="font_7 text_31">笔</text>
</view> </view>
</view> </view>
<view class="codefun-flex-col section_12 section_19">
<view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative group_27"
>
<image
class="image_5 pos_6"
src="/static/images/codefun/3fd6a50eaf22431687a6151df0581156.png"
/>
<text class="font_13 text_46">服务农户</text>
</view>
<view class="codefun-self-start group_30 mt-11">
<text class="font_12 text_37">12,580</text>
<text class="font_7 text_31">人</text>
</view>
</view>
<view class="codefun-flex-col section_12 section_19">
<view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative group_27"
>
<image
class="image_5 pos_6"
src="/static/images/codefun/87773a17a1b64dc686bf935708262002.png"
/>
<text class="font_13 text_46">覆盖面积</text>
</view>
<view class="codefun-self-start group_30 mt-11">
<text class="font_12 text_37">268</text>
<text class="font_7 text_31">km</text>
</view>
</view>
<view class="codefun-flex-col section_12 section_19">
<view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative group_27"
>
<image
class="image_5 pos_6"
src="/static/images/codefun/329a4404092545f2924ad095c531cc66.png"
/>
<text class="font_13 text_46">覆盖区县</text>
</view>
<view class="codefun-self-start group_30 mt-11">
<text class="font_12 text_37">21</text>
<text class="font_7 text_31">个</text>
</view>
</view>
</view> </view>
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_19"> <view class="codefun-flex-row codefun-justify-between codefun-items-center group_19">
<text class="font_6 text_32">农技课堂</text> <text class="font_6 text_32">农技课堂</text>
...@@ -640,7 +685,7 @@ ...@@ -640,7 +685,7 @@
.section_6 { .section_6 {
margin-right: 28rpx; margin-right: 28rpx;
margin-top: 24rpx; margin-top: 24rpx;
padding: 7.56rpx 18rpx 12.32rpx 22.78rpx; padding: 18rpx 18rpx 12.32rpx 22.78rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 16rpx; border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
...@@ -694,9 +739,11 @@ ...@@ -694,9 +739,11 @@
margin-top: 32.72rpx; margin-top: 32.72rpx;
.group_13 { .group_13 {
flex: 1 1 231.34rpx; flex: 1 1 231.34rpx;
height: 184rpx;
.group_41 { .group_41 {
padding: 10rpx 0 4.92rpx; padding: 10rpx 0 4.92rpx;
width: 106rpx; width: 106rpx;
height: calc(100% - 30rpx);
.pos { .pos {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -710,9 +757,6 @@ ...@@ -710,9 +757,6 @@
background-color: #da14141a; background-color: #da14141a;
border-radius: 1998rpx; border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
.text_25 {
margin-right: 56.44rpx;
}
} }
.text-wrapper_6 { .text-wrapper_6 {
margin-top: 40rpx; margin-top: 40rpx;
...@@ -729,6 +773,7 @@ ...@@ -729,6 +773,7 @@
.group_20 { .group_20 {
padding: 10rpx 0 4.92rpx; padding: 10rpx 0 4.92rpx;
width: 100rpx; width: 100rpx;
height: calc(100% - 30rpx);
.pos_2 { .pos_2 {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -742,7 +787,7 @@ ...@@ -742,7 +787,7 @@
color: #333333; color: #333333;
} }
.text_23 { .text_23 {
width: 84rpx; width: 124rpx;
} }
.font_9 { .font_9 {
font-size: 36rpx; font-size: 36rpx;
...@@ -752,6 +797,7 @@ ...@@ -752,6 +797,7 @@
.group_1 { .group_1 {
padding: 10rpx 0 4.92rpx; padding: 10rpx 0 4.92rpx;
width: 106rpx; width: 106rpx;
height: calc(100% - 30rpx);
.text_24 { .text_24 {
color: #5db66f; color: #5db66f;
} }
...@@ -769,14 +815,15 @@ ...@@ -769,14 +815,15 @@
border-radius: 1998rpx; border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
.text_26 { .text_26 {
margin-right: 56.44rpx;
color: #5db66f; color: #5db66f;
padding-left: 10rpx;
} }
} }
.image_14 { .image_14 {
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
width: 28rpx; width: 28rpx;
height: 16rpx; height: 16rpx;
margin: 0 8rpx;
} }
.font_10 { .font_10 {
font-size: 20rpx; font-size: 20rpx;
...@@ -923,7 +970,11 @@ ...@@ -923,7 +970,11 @@
} }
} }
.group_16 { .group_16 {
border-right: solid 4rpx #ffffff; flex-wrap: wrap;
gap: 10px;
justify-content: center;
align-items: center;
margin-right: 10px;
} }
.font_12 { .font_12 {
font-size: 32rpx; font-size: 32rpx;
...@@ -931,7 +982,7 @@ ...@@ -931,7 +982,7 @@
color: #000000; color: #000000;
} }
.group_19 { .group_19 {
margin-top: 215.66rpx; margin-top: 38rpx;
.text_32 { .text_32 {
line-height: 29.48rpx; line-height: 29.48rpx;
} }
...@@ -953,6 +1004,10 @@ ...@@ -953,6 +1004,10 @@
background-color: #ffffff; background-color: #ffffff;
border-radius: 16rpx; border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
background-image: url('/static/images/codefun/de7f2f0177d74c2b9c784b3825ea9832.png');
background-size: 100%;
background-repeat: no-repeat;
.text_34 { .text_34 {
line-height: 26.58rpx; line-height: 26.58rpx;
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论