Skip to content

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

chore: build v1.0.2 大量页面样式细节优化

上级 1d78b3b2
正在显示 包含 221 行增加 和 140 行删除
package.json
{ {
"name": "agri-app", "name": "agri-app",
"version": "1.0.0", "version": "1.0.2",
"description": "数智农服", "description": "数智农服",
"keywords": [ "keywords": [
"app", "app",
......
src/common/codefun.less
...@@ -2,11 +2,23 @@ html { ...@@ -2,11 +2,23 @@ html {
font-size: 16px; font-size: 16px;
} }
body { body,
page {
margin: 0; margin: 0;
font-family: font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'PingFang Bold',
'Helvetica Neue', 'Microsoft Yahei', sans-serif; -apple-system,
BlinkMacSystemFont,
'Segoe UI',
Roboto,
Oxygen,
Ubuntu,
Cantarell,
'Fira Sans',
'Droid Sans',
'Helvetica Neue',
'Microsoft Yahei',
sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
......
src/common/public.less
@font-face {
font-family: meixin;
src: url('~@/static/fonts/meixin.ttf');
}
@font-face {
font-family: alimamashuheiti;
src: url('~@/static/fonts/alimamashuheiti.ttf');
}
@font-face {
font-family: 'DingTalk JinBuTi';
src: url('~@/static/fonts/DingTalk JinBuTi.ttf');
}
@font-face {
font-family: 'DingTalk Sans';
src: url('~@/static/fonts/DingTalk Sans.ttf');
}
@font-face {
font-family: 'PingFang Bold';
src: url('~@/static/fonts/PingFang-Bold-1.ttf');
}
.example-page { .example-page {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; height: 100vh;
} }
.single-line {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
src/pages/fuwu/fuwu.vue
...@@ -7,6 +7,13 @@ ...@@ -7,6 +7,13 @@
}, },
methods: {}, methods: {},
onPullDownRefresh() {
setTimeout(function () {
uni.stopPullDownRefresh()
Message.toast('刷新成功')
}, 1000)
},
} }
</script> </script>
...@@ -239,7 +246,7 @@ ...@@ -239,7 +246,7 @@
</view> </view>
</view> </view>
<view <view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4 codefun-mt-14" class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4 codefun-mt-14 !hidden"
> >
<text class="font_15 text_29">作业预约</text> <text class="font_15 text_29">作业预约</text>
</view> </view>
...@@ -625,7 +632,6 @@ ...@@ -625,7 +632,6 @@
width: 134rpx; width: 134rpx;
} }
.image_7 { .image_7 {
border-radius: 24rpx;
width: 96rpx; width: 96rpx;
height: 96rpx; height: 96rpx;
} }
...@@ -639,9 +645,9 @@ ...@@ -639,9 +645,9 @@
width: 134rpx; width: 134rpx;
} }
.equal-division-item_9 { .equal-division-item_9 {
position: absolute; // position: absolute;
right: 147rpx; // right: 147rpx;
top: 6rpx; // top: 6rpx;
.text_6 { .text_6 {
line-height: 22.12rpx; line-height: 22.12rpx;
} }
...@@ -651,9 +657,9 @@ ...@@ -651,9 +657,9 @@
width: 134rpx; width: 134rpx;
} }
.equal-division-item_10 { .equal-division-item_10 {
position: absolute; // position: absolute;
right: 13rpx; // right: 13rpx;
top: 6rpx; // top: 6rpx;
.text_7 { .text_7 {
line-height: 22.18rpx; line-height: 22.18rpx;
} }
...@@ -664,7 +670,7 @@ ...@@ -664,7 +670,7 @@
} }
} }
.section_3 { .section_3 {
padding: 6rpx 11rpx 17.48rpx; padding: 16rpx 12rpx 16rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 16rpx; border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
......
src/pages/nongzhi/nongzhi.vue
...@@ -7,6 +7,13 @@ ...@@ -7,6 +7,13 @@
}, },
methods: {}, methods: {},
onPullDownRefresh() {
setTimeout(function () {
uni.stopPullDownRefresh()
Message.toast('刷新成功')
}, 1000)
},
} }
</script> </script>
...@@ -116,9 +123,9 @@ ...@@ -116,9 +123,9 @@
</view> </view>
<text class="font_10 codefun-ml-8">苹果树春季该如何进行修剪？</text> <text class="font_10 codefun-ml-8">苹果树春季该如何进行修剪？</text>
</view> </view>
<text class="codefun-self-center font_11 codefun-mt-4" <text class="codefun-self-start font_11 codefun-mt-4 text_23">
>春季修剪应在萌芽前进行，重点去除病弱枝...</text 春季修剪应在萌芽前进行，重点去除病弱枝...
> </text>
</view> </view>
<text class="codefun-self-start font_14 text_23 codefun-mt-10">24人关注</text> <text class="codefun-self-start font_14 text_23 codefun-mt-10">24人关注</text>
<view class="codefun-flex-col codefun-self-stretch codefun-mt-10"> <view class="codefun-flex-col codefun-self-stretch codefun-mt-10">
...@@ -130,9 +137,9 @@ ...@@ -130,9 +137,9 @@
</view> </view>
<text class="font_10 codefun-ml-8">水稻秧苗发黄是什么原因？</text> <text class="font_10 codefun-ml-8">水稻秧苗发黄是什么原因？</text>
</view> </view>
<text class="codefun-self-center font_11 codefun-mt-4" <text class="codefun-self-start font_11 codefun-mt-4 text_23">
>主要原因可能是养分不足、浸水过多或病虫害...</text 主要原因可能是养分不足、浸水过多或病虫害...
> </text>
</view> </view>
<text class="codefun-self-start font_14 text_26 codefun-mt-10">18人关注</text> <text class="codefun-self-start font_14 text_26 codefun-mt-10">18人关注</text>
<view class="codefun-flex-col codefun-self-stretch codefun-mt-10"> <view class="codefun-flex-col codefun-self-stretch codefun-mt-10">
...@@ -144,9 +151,9 @@ ...@@ -144,9 +151,9 @@
</view> </view>
<text class="font_10 codefun-ml-8">大棚黄瓜叶子发卷怎么处理？</text> <text class="font_10 codefun-ml-8">大棚黄瓜叶子发卷怎么处理？</text>
</view> </view>
<text class="codefun-self-center font_11 codefun-mt-4" <text class="codefun-self-start font_11 codefun-mt-4 text_23">
>可能是由于温度过高、水分不足或病毒感染...</text 可能是由于温度过高、水分不足或病毒感染...
> </text>
</view> </view>
<text class="codefun-self-start font_14 text_29 codefun-mt-10">32人关注</text> <text class="codefun-self-start font_14 text_29 codefun-mt-10">32人关注</text>
</view> </view>
...@@ -161,7 +168,7 @@ ...@@ -161,7 +168,7 @@
<view class="section_11" /> <view class="section_11" />
<view class="codefun-flex-col codefun-items-start group_10 codefun-ml-12"> <view class="codefun-flex-col codefun-items-start group_10 codefun-ml-12">
<text class="font_10">高效果园管理技术</text> <text class="font_10">高效果园管理技术</text>
<text class="font_11 codefun-mt-8">全面提升果园产量与品质</text> <text class="font_11 codefun-mt-8 single-line w-11em">全面提升果园产量与品质</text>
<view class="codefun-flex-row codefun-items-center group_11 codefun-mt-8"> <view class="codefun-flex-row codefun-items-center group_11 codefun-mt-8">
<text class="font_13">¥99</text> <text class="font_13">¥99</text>
<view <view
...@@ -187,7 +194,7 @@ ...@@ -187,7 +194,7 @@
</view> </view>
<view class="codefun-flex-col codefun-self-center codefun-ml-12"> <view class="codefun-flex-col codefun-self-center codefun-ml-12">
<text class="font_10">水稻病虫害防治专题</text> <text class="font_10">水稻病虫害防治专题</text>
<text class="font_11 text_10">预防与治疗水稻常见问题</text> <text class="font_11 text_10 single-line w-11em">预防与治疗水稻常见问题</text>
<view class="codefun-flex-row codefun-items-baseline group_8"> <view class="codefun-flex-row codefun-items-baseline group_8">
<text class="font_13">¥0</text> <text class="font_13">¥0</text>
<text class="font_14 text_34 codefun-ml-4">¥99</text> <text class="font_14 text_34 codefun-ml-4">¥99</text>
...@@ -203,7 +210,7 @@ ...@@ -203,7 +210,7 @@
<view class="codefun-shrink-0 section_13" /> <view class="codefun-shrink-0 section_13" />
<view class="codefun-flex-col codefun-items-start codefun-flex-1 group_12"> <view class="codefun-flex-col codefun-items-start codefun-flex-1 group_12">
<text class="font_10">蔬菜大棚种植要点</text> <text class="font_10">蔬菜大棚种植要点</text>
<text class="font_11 codefun-mt-10">温室蔬菜四季种植技巧</text> <text class="font_11 codefun-mt-10 single-line w-11em">温室蔬菜四季种植技巧</text>
<view class="codefun-flex-row codefun-items-center group_13 codefun-mt-10"> <view class="codefun-flex-row codefun-items-center group_13 codefun-mt-10">
<text class="font_13">¥129</text> <text class="font_13">¥129</text>
<view <view
...@@ -214,7 +221,7 @@ ...@@ -214,7 +221,7 @@
</view> </view>
</view> </view>
<view <view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 text-wrapper_5 view_2" class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 text-wrapper_5"
> >
<text class="font_8">马上学</text> <text class="font_8">马上学</text>
</view> </view>
...@@ -224,7 +231,9 @@ ...@@ -224,7 +231,9 @@
<view class="codefun-flex-row codefun-items-end codefun-flex-1 group_14 codefun-ml-12"> <view class="codefun-flex-row codefun-items-end codefun-flex-1 group_14 codefun-ml-12">
<view class="codefun-flex-col codefun-items-start codefun-flex-1 group_27"> <view class="codefun-flex-col codefun-items-start codefun-flex-1 group_27">
<text class="font_10">珍珠鸡养殖技巧</text> <text class="font_10">珍珠鸡养殖技巧</text>
<text class="font_11 codefun-mt-8">珍珠鸡养殖技巧与常见问题</text> <text class="font_11 codefun-mt-8 single-line w-11em">
珍珠鸡养殖技巧与常见问题
</text>
<view class="codefun-flex-row codefun-items-center group_13 codefun-mt-8"> <view class="codefun-flex-row codefun-items-center group_13 codefun-mt-8">
<text class="font_13">¥149</text> <text class="font_13">¥149</text>
<view <view
...@@ -465,7 +474,7 @@ ...@@ -465,7 +474,7 @@
.section_7 { .section_7 {
padding: 24rpx 24rpx 24rpx 24rpx; padding: 24rpx 24rpx 24rpx 24rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 16rpx 0rpx 0rpx 16rpx; border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
height: 460rpx; height: 460rpx;
} }
...@@ -539,7 +548,6 @@ ...@@ -539,7 +548,6 @@
margin-bottom: 8rpx; margin-bottom: 8rpx;
.group_11 { .group_11 {
padding: 4rpx 0; padding: 4rpx 0;
overflow: hidden;
width: 110.5rpx; width: 110.5rpx;
} }
} }
...@@ -604,7 +612,6 @@ ...@@ -604,7 +612,6 @@
} }
.text-wrapper_10 { .text-wrapper_10 {
padding: 8rpx 0; padding: 8rpx 0;
overflow: hidden;
width: 54rpx; width: 54rpx;
height: 32rpx; height: 32rpx;
} }
...@@ -628,7 +635,6 @@ ...@@ -628,7 +635,6 @@
} }
.group_13 { .group_13 {
padding: 4rpx 0; padding: 4rpx 0;
overflow: hidden;
width: 126.78rpx; width: 126.78rpx;
} }
} }
......
src/pages/shouye/shouye.vue
...@@ -7,6 +7,13 @@ ...@@ -7,6 +7,13 @@
}, },
methods: {}, methods: {},
onPullDownRefresh() {
setTimeout(function () {
uni.stopPullDownRefresh()
Message.toast('刷新成功')
}, 1000)
},
} }
</script> </script>
...@@ -138,7 +145,7 @@ ...@@ -138,7 +145,7 @@
<text class="font_2 mt-11">农机租购</text> <text class="font_2 mt-11">农机租购</text>
</view> </view>
</view> </view>
<view class="codefun-flex-col group_11 codefun-mt-30"> <view class="codefun-flex-col group_11 codefun-mt-20">
<view class="codefun-flex-row group_38"> <view class="codefun-flex-row group_38">
<image <image
class="image_12" class="image_12"
...@@ -173,7 +180,7 @@ ...@@ -173,7 +180,7 @@
</view> </view>
<view class="codefun-flex-row codefun-items-baseline"> <view class="codefun-flex-row codefun-items-baseline">
<text class="font_5 text_19">预警</text> <text class="font_5 text_19">预警</text>
<text class="text-26 text_20 text_21 codefun-ml-14">2025-08-29</text> <text class="text-26 text_20 text_21 ml-11">2025-08-29</text>
</view> </view>
</view> </view>
<image class="image_13" src="/static/images/codefun/64d85a99ca3de5fab9ce0e8dc71aa791.png" /> <image class="image_13" src="/static/images/codefun/64d85a99ca3de5fab9ce0e8dc71aa791.png" />
...@@ -456,6 +463,7 @@ ...@@ -456,6 +463,7 @@
font-size: 36rpx; font-size: 36rpx;
line-height: 33.58rpx; line-height: 33.58rpx;
letter-spacing: 4.32rpx; letter-spacing: 4.32rpx;
font-family: meixin;
} }
.section_2 { .section_2 {
margin-top: 25.8rpx; margin-top: 25.8rpx;
...@@ -503,7 +511,7 @@ ...@@ -503,7 +511,7 @@
color: #5db66f; color: #5db66f;
font-size: 24rpx; font-size: 24rpx;
line-height: 40rpx; line-height: 40rpx;
width: 104rpx; width: 164rpx;
} }
} }
.group_5 { .group_5 {
...@@ -696,6 +704,7 @@ ...@@ -696,6 +704,7 @@
} }
.text_17 { .text_17 {
font-size: 30rpx; font-size: 30rpx;
font-family: alimamashuheiti;
} }
.text_18 { .text_18 {
color: #000000; color: #000000;
...@@ -703,6 +712,7 @@ ...@@ -703,6 +712,7 @@
} }
.text_19 { .text_19 {
font-size: 30rpx; font-size: 30rpx;
font-family: alimamashuheiti;
} }
.text_21 { .text_21 {
line-height: 17.18rpx; line-height: 17.18rpx;
...@@ -1005,8 +1015,10 @@ ...@@ -1005,8 +1015,10 @@
border-radius: 16rpx; border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
background-image: url('/static/images/codefun/de7f2f0177d74c2b9c784b3825ea9832.png'); background-image: url('/static/images/codefun/de7f2f0177d74c2b9c784b3825ea9832.png');
background-size: 100%; background-size: 94%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 20rpx;
background-position-y: 20rpx;
.text_34 { .text_34 {
line-height: 26.58rpx; line-height: 26.58rpx;
......
src/pages/wode/wode.vue
...@@ -9,6 +9,13 @@ ...@@ -9,6 +9,13 @@
}, },
methods: {}, methods: {},
onPullDownRefresh() {
setTimeout(function () {
uni.stopPullDownRefresh()
Message.toast('刷新成功')
}, 1000)
},
} }
</script> </script>
...@@ -77,7 +84,7 @@ ...@@ -77,7 +84,7 @@
</view> </view>
<view class="codefun-flex-row codefun-items-center group_10"> <view class="codefun-flex-row codefun-items-center group_10">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper"> <view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_1">6</text> <text class="font_1 !lh-26rpx">6</text>
</view> </view>
<image <image
class="image_11 codefun-ml-12" class="image_11 codefun-ml-12"
...@@ -105,7 +112,7 @@ ...@@ -105,7 +112,7 @@
</view> </view>
<text class="codefun-self-stretch font_7 codefun-mt-10">合同模板/政策文件/财务表</text> <text class="codefun-self-stretch font_7 codefun-mt-10">合同模板/政策文件/财务表</text>
<view <view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-start view codefun-mt-10" class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-start view mt-2"
> >
<text class="font_6 text_14">离线可用</text> <text class="font_6 text_14">离线可用</text>
</view> </view>
...@@ -129,7 +136,7 @@ ...@@ -129,7 +136,7 @@
</view> </view>
<text class="codefun-self-stretch font_7 codefun-mt-10">灌溉设备/气象站绑定管理</text> <text class="codefun-self-stretch font_7 codefun-mt-10">灌溉设备/气象站绑定管理</text>
<view <view
class="codefun-flex-row codefun-justify-evenly codefun-items-center codefun-self-start view_2 codefun-mt-10" class="codefun-flex-row codefun-justify-evenly codefun-items-center codefun-self-start view_2 mt-2"
> >
<image <image
class="image_14" class="image_14"
...@@ -273,7 +280,7 @@ ...@@ -273,7 +280,7 @@
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
height: 100%; height: 100%;
padding-bottom: 20rpx; padding-bottom: 44rpx;
.group { .group {
height: 2020rpx; height: 2020rpx;
...@@ -451,12 +458,11 @@ ...@@ -451,12 +458,11 @@
margin-top: 8rpx; margin-top: 8rpx;
} }
.view { .view {
padding: 8rpx 0; padding: 12rpx 16rpx;
border-radius: 12rpx; border-radius: 12rpx;
overflow: hidden; overflow: hidden;
background-color: #4fc5fd33; background-color: #4fc5fd33;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
width: 112rpx;
.text_14 { .text_14 {
color: #4fbdfb; color: #4fbdfb;
} }
...@@ -468,10 +474,10 @@ ...@@ -468,10 +474,10 @@
margin: 8rpx 8rpx 0 40rpx; margin: 8rpx 8rpx 0 40rpx;
} }
.view_2 { .view_2 {
padding: 0 16rpx; padding: 12rpx 16rpx;
border-radius: 12rpx; border-radius: 12rpx;
overflow: hidden; overflow: hidden;
background-color: #5db66f1a; background-color: rgba(93, 182, 111, 0.2);
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
width: 152rpx; width: 152rpx;
.image_14 { .image_14 {
...@@ -499,8 +505,8 @@ ...@@ -499,8 +505,8 @@
height: 22rpx; height: 22rpx;
} }
.font_7 { .font_7 {
font-size: 24rpx; font-size: 22rpx;
line-height: 24rpx; line-height: 22rpx;
color: #6b7280; color: #6b7280;
} }
.group_13 { .group_13 {
...@@ -537,7 +543,6 @@ ...@@ -537,7 +543,6 @@
border-radius: 400rpx; border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
width: 136rpx; width: 136rpx;
height: 48rpx;
.font_10 { .font_10 {
font-size: 24rpx; font-size: 24rpx;
line-height: 24rpx; line-height: 24rpx;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论