Skip to content

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

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

上级 a03fa9b2
正在显示 包含 198 行增加 和 37 行删除
src/pages/nongchang/nongchang.vue
......@@ -62,13 +62,22 @@
</view>
</view>
<view class="codefun-flex-col codefun-relative group_6">
<view class="codefun-flex-col section_4">
<view class="codefun-flex-row section_4 flex-row">
<view class="w-200rpx h-200rpx">
<image
class="codefun-self-center image_7 w-full h-full"
src="/static/images/codefun/89a5811c35ff41e6a039c04e77d7380a.png"
/>
</view>
<view class="ml-11">
<text class="codefun-self-center font text_8">张家界水稻农场</text>
<view class="codefun-flex-row codefun-justify-center codefun-self-stretch group_7">
<view class="codefun-flex-row codefun-justify-start codefun-self-stretch group_7">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_4 text_9">32.5亩</text>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_2 ml-3">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_2 ml-3"
>
<text class="font_4 text_10">水稻、油菜</text>
</view>
</view>
......@@ -87,6 +96,7 @@
</view>
</view>
</view>
</view>
<view class="codefun-flex-col group_10">
<view class="codefun-flex-row codefun-justify-between codefun-items-center">
<text class="font">农业大模型</text>
......@@ -299,7 +309,81 @@
</view>
</view>
</view>
<view class="codefun-flex-col group_26 view_4">
<view class="codefun-flex-col group_21">
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_22">
<text class="font text_42">常用工具</text>
<text class="font_6 text_43 text_44">更多</text>
</view>
<view class="codefun-flex-col section_12">
<view class="flex-center flex-wrap gap-2 pt-3">
<view class="px-3 py-3 bg-white rounded-lg flex-center flex-col gap-2">
<image
class="w-40 h-40"
src="/static/images/codefun/701b1b6c427847028c16038ad73b9788.png"
mode="scaleToFill"
/>
<view class="text-24">种植日历</view>
</view>
<view class="px-3 py-3 bg-white rounded-lg flex-center flex-col gap-2">
<image
class="w-40 h-40"
src="/static/images/codefun/429c85060b57461a9e7e0065ee3b0347.png"
mode="scaleToFill"
/>
<view class="text-24">农药配比</view>
</view>
<view class="px-3 py-3 bg-white rounded-lg flex-center flex-col gap-2">
<image
class="w-40 h-40"
src="/static/images/codefun/9e09dc90a8f64165bd1cdd060463fe52.png"
mode="scaleToFill"
/>
<view class="text-24">施肥计算</view>
</view>
<view class="px-3 py-3 bg-white rounded-lg flex-center flex-col gap-2">
<image
class="w-40 h-40"
src="/static/images/codefun/80b66267a90246d2b265fcbfddd8df72.png"
mode="scaleToFill"
/>
<view class="text-24">农机租赁</view>
</view>
<view class="px-3 py-3 bg-white rounded-lg flex-center flex-col gap-2">
<image
class="w-40 h-40"
src="/static/images/codefun/7a85c9339a044dbd8bff9cbc7a7fae5f.png"
mode="scaleToFill"
/>
<view class="text-24">病虫图谱</view>
</view>
<view class="px-3 py-3 bg-white rounded-lg flex-center flex-col gap-2">
<image
class="w-40 h-40"
src="/static/images/codefun/673c79c5a1384e3d93e86623e5095577.png"
mode="scaleToFill"
/>
<view class="text-24">天气预报</view>
</view>
<view class="px-3 py-3 bg-white rounded-lg flex-center flex-col gap-2">
<image
class="w-40 h-40"
src="/static/images/codefun/f1964e7a929b45abb87c8d79d42838e8.png"
mode="scaleToFill"
/>
<view class="text-24">产品定价</view>
</view>
<view class="px-3 py-3 bg-white rounded-lg flex-center flex-col gap-2">
<image
class="w-40 h-40"
src="/static/images/codefun/050ac1b430844be786310ff1bc11f3d6.png"
mode="scaleToFill"
/>
<view class="text-24">补贴咨询</view>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col group_26 mt-21">
<view class="codefun-flex-row codefun-justify-between codefun-items-baseline">
<text class="font text_56">智能设备</text>
<text class="font_6 text_57">设备管理</text>
......@@ -710,9 +794,6 @@
line-height: 18.28rpx;
}
}
.view {
margin-top: 0;
}
.text_20 {
margin-right: 12rpx;
margin-top: 20rpx;
......@@ -799,7 +880,7 @@
}
}
.font_5 {
font-size: 28rpx;
font-size: 26rpx;
font-family: AlibabaPuHuiTi;
line-height: 25.56rpx;
color: #333333;
......@@ -852,7 +933,7 @@
}
}
.font_12 {
font-size: 32rpx;
font-size: 28rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #000000;
......@@ -1204,6 +1285,9 @@
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
background-image: url('/static/images/codefun/de7f2f0177d74c2b9c784b3825ea9832.png');
background-size: 100%;
background-repeat: no-repeat;
.text_68 {
line-height: 26.58rpx;
}
......
src/pages/nongzhi/nongzhi.vue
......@@ -249,34 +249,55 @@
<text class="font_5 text_48">更多</text>
</view>
<view class="codefun-flex-col section_15">
<view class="codefun-flex-col group_17 flex">
<view class="section_11" />
<view class="codefun-flex-row group_17">
<view class="w-200rpx h-124rpx">
<image
class="w-full h-full"
src="/static/images/codefun/ea2c9cb4b1cb479a8164a6ad745a7a9d.png"
mode="scaleToFill"
/>
</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 group_15 codefun-mt-20"
>
<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>
<text class="font_7 codefun-ml-4">7335</text>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-mt-32">
<view class="codefun-flex-row group_17 codefun-mt-32">
<view class="w-200rpx h-124rpx">
<image
class="w-full h-full"
src="/static/images/codefun/3f49c887f73048daa48ecc834bc32e49.png"
mode="scaleToFill"
/>
</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 image_8"
class="image_3"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png"
/>
<text class="font_7 codefun-ml-4">1245</text>
<text class="font_7 codefun-ml-4">3235</text>
</view>
</view>
<view class="codefun-flex-col group_17 codefun-mt-32">
</view>
<view class="codefun-flex-row group_17 codefun-mt-32">
<view class="w-200rpx h-124rpx">
<image
class="w-full h-full"
src="/static/images/codefun/17706769e0f74252bc26be7a373cc674.png"
mode="scaleToFill"
/>
</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 group_15 codefun-mt-20"
>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch codefun-mt-20">
<image
class="image_3"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png"
......@@ -289,6 +310,7 @@
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
......@@ -623,12 +645,12 @@
}
.section_15 {
margin-right: 28rpx;
padding: 48rpx 152rpx;
padding: 48rpx 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.group_17 {
padding: 0 32rpx;
padding: 0 24rpx;
.group_15 {
padding: 0 72rpx;
}
......
src/pages/shouye/shouye.vue
......@@ -211,7 +211,7 @@
<view
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>
</view>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch section_10">
......@@ -232,7 +232,7 @@
<view
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>
</view>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch section_11">
......@@ -240,7 +240,7 @@
class="codefun-shrink-0 image_14"
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
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_6"
......@@ -269,7 +269,7 @@
<text class="font_7 text_49">个</text>
</view>
</view>
<view class="codefun-flex-col section_12 section_1 ml-19">
<view class="codefun-flex-col section_12 section_1">
<view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative group_26"
>
......@@ -284,7 +284,7 @@
<text class="font_7">台</text>
</view>
</view>
<view class="codefun-flex-col section_12 section_19 ml-19">
<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"
>
......@@ -299,6 +299,51 @@
<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/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 class="codefun-flex-row codefun-justify-between codefun-items-center group_19">
<text class="font_6 text_32">农技课堂</text>
......@@ -640,7 +685,7 @@
.section_6 {
margin-right: 28rpx;
margin-top: 24rpx;
padding: 7.56rpx 18rpx 12.32rpx 22.78rpx;
padding: 18rpx 18rpx 12.32rpx 22.78rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
......@@ -694,9 +739,11 @@
margin-top: 32.72rpx;
.group_13 {
flex: 1 1 231.34rpx;
height: 184rpx;
.group_41 {
padding: 10rpx 0 4.92rpx;
width: 106rpx;
height: calc(100% - 30rpx);
.pos {
position: absolute;
left: 0;
......@@ -710,9 +757,6 @@
background-color: #da14141a;
border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH;
.text_25 {
margin-right: 56.44rpx;
}
}
.text-wrapper_6 {
margin-top: 40rpx;
......@@ -729,6 +773,7 @@
.group_20 {
padding: 10rpx 0 4.92rpx;
width: 100rpx;
height: calc(100% - 30rpx);
.pos_2 {
position: absolute;
left: 0;
......@@ -742,7 +787,7 @@
color: #333333;
}
.text_23 {
width: 84rpx;
width: 124rpx;
}
.font_9 {
font-size: 36rpx;
......@@ -752,6 +797,7 @@
.group_1 {
padding: 10rpx 0 4.92rpx;
width: 106rpx;
height: calc(100% - 30rpx);
.text_24 {
color: #5db66f;
}
......@@ -769,14 +815,15 @@
border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH;
.text_26 {
margin-right: 56.44rpx;
color: #5db66f;
padding-left: 10rpx;
}
}
.image_14 {
mix-blend-mode: NOTTHROUGH;
width: 28rpx;
height: 16rpx;
margin: 0 8rpx;
}
.font_10 {
font-size: 20rpx;
......@@ -923,7 +970,11 @@
}
}
.group_16 {
border-right: solid 4rpx #ffffff;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.font_12 {
font-size: 32rpx;
......@@ -931,7 +982,7 @@
color: #000000;
}
.group_19 {
margin-top: 215.66rpx;
margin-top: 38rpx;
.text_32 {
line-height: 29.48rpx;
}
......@@ -953,6 +1004,10 @@
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
background-image: url('/static/images/codefun/de7f2f0177d74c2b9c784b3825ea9832.png');
background-size: 100%;
background-repeat: no-repeat;
.text_34 {
line-height: 26.58rpx;
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论