Skip to content

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

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

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