Skip to content

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

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

上级 1d78b3b2
正在显示 包含 1377 行增加 和 177 行删除
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/manifest.json
{
"name" : "数智农服",
"appid" : "__UNI__FD09823",
"description" : "数智农服 APP",
"versionName" : "1.0.0",
"versionCode" : 10000,
"transformPx" : false,
"locale" : "zh-Hans",
"vueVersion" : "3",
/* 5+App特有相关 */// 配置文件详细说明
"name": "数智农服",
"appid": "__UNI__FD09823",
"description": "数智农服 APP",
"versionName": "1.0.2",
"versionCode": 10002,
"transformPx": false,
"locale": "zh-Hans",
"vueVersion": "3",
/* 5+App特有相关 */ // 配置文件详细说明
// https://uniapp.dcloud.net.cn/collocation/manifest-app.html#full-manifest
"app-plus" : {
"usingComponents" : true,
"nvueCompiler" : "uni-app",
"nvueStyleCompiler" : "uni-app",
"nvueLaunchMode" : "fast",
"compilerVersion" : 3,
"splashscreen" : {
"alwaysShowBeforeRender" : false,
"autoclose" : false,
"waiting" : true
},
"screenOrientation" : [ "portrait-primary", "landscape-primary" ],
"compatible" : {
"app-plus": {
"usingComponents": true,
"nvueCompiler": "uni-app",
"nvueStyleCompiler": "uni-app",
"nvueLaunchMode": "fast",
"compilerVersion": 3,
"splashscreen": {
"alwaysShowBeforeRender": false,
"autoclose": false,
"waiting": true
},
"screenOrientation": [
"portrait-primary",
"landscape-primary"
],
"compatible": {
// 忽略版本提示
"ignoreVersion" : true
"ignoreVersion": true
},
/* 模块配置 */
"modules" : {
"Geolocation" : {},
"Camera" : {}
"modules": {
"Geolocation": {},
"Camera": {}
},
/* 应用发布信息 */
"distribute" : {
"distribute": {
/* android打包配置 */
"android" : {
"permissions" : [
"android": {
"permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
......@@ -51,97 +54,103 @@
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
],
"permissionPhoneState" : {
"permissionPhoneState": {
// app首次启动关闭权限申请
"request" : "none"
"request": "none"
},
"minSdkVersion" : 23,
"targetSdkVersion" : 30,
"abiFilters" : [ "armeabi-v7a", "arm64-v8a" ]
"minSdkVersion": 23,
"targetSdkVersion": 30,
"abiFilters": [
"armeabi-v7a",
"arm64-v8a"
]
},
/* ios打包配置 */
"ios" : {
"dSYMs" : false,
"privacyDescription" : {
"NSUserTrackingUsageDescription" : "请放心，开启权限不会获取您在其他站点的隐私信息，该权限仅用于标识设备并保障服务安全与提示浏览体验",
"NSLocationAlwaysAndWhenInUseUsageDescription" : "该应用需要你的地理位置，以便检查你当前位置信息",
"NSLocationAlwaysUsageDescription" : "该应用需要你的地理位置，以便检查你当前位置信息",
"NSLocationWhenInUseUsageDescription" : "该应用需要你的地理位置，以便检查你当前位置信息",
"NSPhotoLibraryUsageDescription" : "请允许访问您的照片图库，以便能够上传应用异常问题的截图"
"ios": {
"dSYMs": false,
"privacyDescription": {
"NSUserTrackingUsageDescription": "请放心，开启权限不会获取您在其他站点的隐私信息，该权限仅用于标识设备并保障服务安全与提示浏览体验",
"NSLocationAlwaysAndWhenInUseUsageDescription": "该应用需要你的地理位置，以便检查你当前位置信息",
"NSLocationAlwaysUsageDescription": "该应用需要你的地理位置，以便检查你当前位置信息",
"NSLocationWhenInUseUsageDescription": "该应用需要你的地理位置，以便检查你当前位置信息",
"NSPhotoLibraryUsageDescription": "请允许访问您的照片图库，以便能够上传应用异常问题的截图"
}
},
/* SDK配置 */
"sdkConfigs" : {
"ad" : {},
"statics" : {},
"geolocation" : {
"system" : {
"__platform__" : [ "ios", "android" ]
"sdkConfigs": {
"ad": {},
"statics": {},
"geolocation": {
"system": {
"__platform__": [
"ios",
"android"
]
}
}
},
"icons" : {
"android" : {
"hdpi" : "unpackage/res/icons/72x72.png",
"xhdpi" : "unpackage/res/icons/96x96.png",
"xxhdpi" : "unpackage/res/icons/144x144.png",
"xxxhdpi" : "unpackage/res/icons/192x192.png"
},
"ios" : {
"appstore" : "unpackage/res/icons/1024x1024.png",
"ipad" : {
"app" : "unpackage/res/icons/76x76.png",
"app@2x" : "unpackage/res/icons/152x152.png",
"notification" : "unpackage/res/icons/20x20.png",
"notification@2x" : "unpackage/res/icons/40x40.png",
"proapp@2x" : "unpackage/res/icons/167x167.png",
"settings" : "unpackage/res/icons/29x29.png",
"settings@2x" : "unpackage/res/icons/58x58.png",
"spotlight" : "unpackage/res/icons/40x40.png",
"spotlight@2x" : "unpackage/res/icons/80x80.png"
},
"iphone" : {
"app@2x" : "unpackage/res/icons/120x120.png",
"app@3x" : "unpackage/res/icons/180x180.png",
"notification@2x" : "unpackage/res/icons/40x40.png",
"notification@3x" : "unpackage/res/icons/60x60.png",
"settings@2x" : "unpackage/res/icons/58x58.png",
"settings@3x" : "unpackage/res/icons/87x87.png",
"spotlight@2x" : "unpackage/res/icons/80x80.png",
"spotlight@3x" : "unpackage/res/icons/120x120.png"
"icons": {
"android": {
"hdpi": "unpackage/res/icons/72x72.png",
"xhdpi": "unpackage/res/icons/96x96.png",
"xxhdpi": "unpackage/res/icons/144x144.png",
"xxxhdpi": "unpackage/res/icons/192x192.png"
},
"ios": {
"appstore": "unpackage/res/icons/1024x1024.png",
"ipad": {
"app": "unpackage/res/icons/76x76.png",
"app@2x": "unpackage/res/icons/152x152.png",
"notification": "unpackage/res/icons/20x20.png",
"notification@2x": "unpackage/res/icons/40x40.png",
"proapp@2x": "unpackage/res/icons/167x167.png",
"settings": "unpackage/res/icons/29x29.png",
"settings@2x": "unpackage/res/icons/58x58.png",
"spotlight": "unpackage/res/icons/40x40.png",
"spotlight@2x": "unpackage/res/icons/80x80.png"
},
"iphone": {
"app@2x": "unpackage/res/icons/120x120.png",
"app@3x": "unpackage/res/icons/180x180.png",
"notification@2x": "unpackage/res/icons/40x40.png",
"notification@3x": "unpackage/res/icons/60x60.png",
"settings@2x": "unpackage/res/icons/58x58.png",
"settings@3x": "unpackage/res/icons/87x87.png",
"spotlight@2x": "unpackage/res/icons/80x80.png",
"spotlight@3x": "unpackage/res/icons/120x120.png"
}
}
},
"splashscreen" : {
"useOriginalMsgbox" : true
"splashscreen": {
"useOriginalMsgbox": true
}
},
"uniStatistics" : {
"enable" : true
"uniStatistics": {
"enable": true
}
},
"uniStatistics" : {
"enable" : true,
"version" : "2",
"debug" : true
"uniStatistics": {
"enable": true,
"version": "2",
"debug": true
},
/* 快应用特有相关 */
"quickapp" : {},
"quickapp": {},
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "",
"setting" : {
"urlCheck" : false
"mp-weixin": {
"appid": "",
"setting": {
"urlCheck": false
},
"usingComponents" : true
"usingComponents": true
},
"mp-alipay" : {
"usingComponents" : true
"mp-alipay": {
"usingComponents": true
},
"mp-baidu" : {
"usingComponents" : true
"mp-baidu": {
"usingComponents": true
},
"mp-toutiao" : {
"usingComponents" : true
"mp-toutiao": {
"usingComponents": true
}
}
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/nongchang/nongchang.vue
......@@ -7,6 +7,13 @@
},
methods: {},
onPullDownRefresh() {
setTimeout(function () {
uni.stopPullDownRefresh()
Message.toast('刷新成功')
}, 1000)
},
}
</script>
......@@ -111,9 +118,9 @@
src="/static/images/codefun/d8106d6756782001856157ea8933e6f0.png"
/>
<text class="codefun-self-center font_5 text_18">柑橘模型</text>
<text class="codefun-self-start font_7 text_21">精准预测柑橘生长周期</text>
<text class="codefun-self-center font_7 text_21">精准预测柑橘生长周期</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-start text-wrapper_3"
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-center text-wrapper_3"
>
<text class="font_8 text_24">查看介绍</text>
</view>
......@@ -140,10 +147,10 @@
class="codefun-self-center image_7"
src="/static/images/codefun/f29a54a031b5665bf1522b973b109416.png"
/>
<text class="codefun-self-end font_5 text_20">产能模型</text>
<text class="codefun-self-center font_5 text_20">产能模型</text>
<text class="codefun-self-center font_7 text_22">基于作物生长状况产能构建模型</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-end text-wrapper_3"
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-center text-wrapper_3"
>
<text class="font_8 text_24">查看介绍</text>
</view>
......@@ -414,9 +421,16 @@
</view>
</view>
<view
class="codefun-ml-10 codefun-flex-col codefun-justify-start codefun-items-end codefun-shrink-0 image-wrapper_2"
class="codefun-ml-10 codefun-flex-row codefun-justify-center codefun-items-center codefun-shrink-0 codefun-relative section_15"
>
<image class="image_14" src="/static/images/codefun/19abb0a037c06fb192e34b7374ebbd2a.png" />
<image class="image_13" src="/static/images/codefun/8bd62352939b47e71f09a93a6ab344b2.png" />
<view class="codefun-ml-8 codefun-flex-col">
<text class="font_14 text_58">监测仪B</text>
<view class="codefun-mt-10 codefun-flex-row codefun-items-center">
<view class="section_17" />
<text class="codefun-ml-4 font_4 text_59">在线</text>
</view>
</view>
</view>
</view>
</view>
......@@ -598,13 +612,12 @@
}
}
.image_6 {
border-radius: 24rpx;
width: 96rpx;
height: 96rpx;
}
.font_3 {
font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #1d2129;
}
......@@ -613,17 +626,17 @@
width: 134rpx;
}
.group_4 {
position: absolute;
right: 147rpx;
top: 6rpx;
// position: absolute;
// right: 147rpx;
// top: 6rpx;
.text_6 {
line-height: 22.06rpx;
}
}
.equal-division-item_3 {
position: absolute;
right: 13rpx;
top: 6rpx;
// position: absolute;
// right: 13rpx;
// top: 6rpx;
.text_7 {
line-height: 21.08rpx;
}
......@@ -634,7 +647,7 @@
}
}
.section_3 {
padding: 6rpx 12rpx 16rpx;
padding: 16rpx 12rpx 16rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
......@@ -655,7 +668,9 @@
.group_7 {
margin-top: 16rpx;
.text-wrapper {
padding: 8rpx 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8rpx;
width: 94rpx;
height: 40rpx;
......@@ -669,7 +684,9 @@
}
}
.text-wrapper_2 {
padding: 8rpx 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8rpx;
width: 132rpx;
height: 40rpx;
......@@ -745,7 +762,6 @@
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.equal-division_3 {
padding: 0 36rpx;
.equal-division-item_5 {
flex: 1 1 207.64rpx;
.image_7 {
......@@ -758,7 +774,7 @@
}
.font_7 {
font-size: 20rpx;
font-family: AlibabaPuHuiTi;
line-height: 32rpx;
color: #666666;
}
......@@ -777,7 +793,7 @@
width: 136rpx;
.font_8 {
font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #16a34a;
}
......@@ -836,7 +852,7 @@
flex: 1 1 308rpx;
.font_9 {
font-size: 32rpx;
font-family: AlibabaPuHuiTi;
line-height: 29.32rpx;
color: #1d2129;
}
......@@ -881,7 +897,7 @@
}
.font_5 {
font-size: 26rpx;
font-family: AlibabaPuHuiTi;
line-height: 25.56rpx;
color: #333333;
}
......@@ -905,7 +921,7 @@
}
.font_11 {
font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #666666;
}
......@@ -934,7 +950,7 @@
}
.font_12 {
font-size: 28rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #000000;
}
......@@ -992,13 +1008,13 @@
}
.font_6 {
font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #5db66f;
}
.font_10 {
font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #000000;
}
......@@ -1147,7 +1163,8 @@
}
}
.group_26 {
overflow-x: hidden;
overflow-x: scroll;
padding-right: 14rpx;
.text_56 {
line-height: 29.76rpx;
}
......@@ -1207,7 +1224,7 @@
}
.font_14 {
font-size: 28rpx;
font-family: AlibabaPuHuiTi;
line-height: 25.56rpx;
color: #15161a;
}
......@@ -1251,7 +1268,7 @@
margin-left: 72rpx;
color: #ffaa1e;
font-size: 40rpx;
font-family: AlibabaPuHuiTi;
line-height: 28.56rpx;
}
.text_63 {
......@@ -1286,8 +1303,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_68 {
line-height: 26.58rpx;
}
......@@ -1352,20 +1371,20 @@
}
.font_15 {
font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #ffffff;
}
}
.font {
font-size: 32rpx;
font-family: AlibabaPuHuiTi;
line-height: 29.32rpx;
color: #333333;
}
.font_2 {
font-size: 28rpx;
font-family: AlibabaPuHuiTi;
line-height: 25.56rpx;
color: #ffffff;
}
......@@ -1388,7 +1407,7 @@
}
.font_4 {
font-size: 20rpx;
font-family: AlibabaPuHuiTi;
line-height: 18.3rpx;
color: #666666;
}
......
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/shouye/shouye.vue.backup 0 → 100644
<script>
export default {
components: {},
props: {},
data() {
return {}
},
methods: {},
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col group">
<view class="codefun-flex-col section">
<text class="codefun-self-start text">湖南省农业服务平台</text>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch section_2">
<image class="image_5" src="/static/images/codefun/b8d30fcc0b08b881a41c8b3e35b7f8ac.png" />
<text class="font text_2 codefun-ml-8">请输入搜索内容</text>
</view>
</view>
<view class="codefun-flex-col codefun-relative group_3">
<view class="codefun-flex-col">
<view class="codefun-flex-col codefun-self-stretch group_4">
<view class="codefun-flex-col section_3">
<view class="codefun-flex-row codefun-justify-between">
<view class="codefun-flex-row codefun-items-center">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper"
>
<text class="font_2 text_4">长沙</text>
</view>
<image
class="image_6 codefun-ml-6"
src="/static/images/codefun/a2f290fb1b65d093b844e73ddae1aed9.png"
/>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-start text-wrapper_2">
<text class="text_3">08-30 初八</text>
</view>
</view>
<view class="codefun-flex-row group_5">
<view class="codefun-flex-row codefun-items-center group_8">
<image
class="codefun-shrink-0 image_8"
src="/static/images/codefun/a71412d52492c982e8d3ff9798de3145.png"
/>
<view class="codefun-flex-col codefun-items-start codefun-flex-1 codefun-ml-10">
<text class="text_5">36°C</text>
<text class="font_2 text_8 !text-26rpx codefun-mt-16">晴｜适宜喷药</text>
</view>
</view>
<view class="codefun-flex-col group_6 codefun-ml-22">
<view class="codefun-flex-row codefun-justify-between group_7">
<image
class="image_9"
src="/static/images/codefun/78e80b7080b127271004edad2f6e6234.png"
/>
<image class="image_7" src="/static/images/codefun/cloud.png" />
<image
class="image_7"
src="/static/images/codefun/c785818f2c08b7682aa5188542b2dede.png"
/>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_9">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_9"
>
<text class="font_3 text_6">明天</text>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3"
>
<text class="font_3 text_52">周三</text>
</view>
<text class="font_3 text_7">周四</text>
</view>
<view class="codefun-flex-row codefun-justify-center">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4"
>
<text class="font_4 text_9">24-28°</text>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_1 ml-17"
>
<text class="font_4 text_10">25-29°</text>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4 ml-17"
>
<text class="font_4 text_9">26-31°</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-row section_4">
<image
class="codefun-shrink-0 image_10"
src="/static/images/codefun/344155285176a7ac7ccd670a2a1daf19.png"
/>
<view
class="codefun-flex-col codefun-justify-start codefun-shrink-0 text-wrapper_5 codefun-ml-6"
>
<text class="text_12">台风"尤特"12号 预计今晚登陆</text>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-relative section_5">
<view class="codefun-flex-row">
<view class="codefun-flex-col codefun-items-center group_10 group_43">
<image
class="image_11"
src="/static/images/codefun/4d9a15cf0dce9c5b1f274f99eb3e4718.png"
/>
<text class="font_2 text_50 mt-11">农业政策</text>
</view>
<view class="codefun-flex-col codefun-items-center group_10 group_42">
<image
class="image_11"
src="/static/images/codefun/24864cd4c6f680714e327688c6ee9977.png"
/>
<text class="font_2 text_13 codefun-mt-12">灵活用工</text>
</view>
<view class="codefun-flex-col codefun-items-center group_10 group_37">
<image
class="image_11"
src="/static/images/codefun/0c9b2418502708fc8414e7b2c04dc8e2.png"
/>
<text class="font_2 text_51 mt-11">可信农资</text>
</view>
<view class="codefun-flex-col codefun-items-center group_10 group_40">
<image
class="image_11"
src="/static/images/codefun/15059d8b705006d875ca9460b696a316.png"
/>
<text class="font_2 mt-11">农机租购</text>
</view>
</view>
<view class="codefun-flex-col group_11 codefun-mt-30">
<view class="codefun-flex-row group_38">
<image
class="image_12"
src="/static/images/codefun/9f300d453071240f6f56ff6f83e223db.png"
/>
<image
class="image_12 ml-43"
src="/static/images/codefun/f422ac97718981ce225a7f595779f2be.png"
/>
<image
class="image_12 ml-43"
src="/static/images/codefun/c0669727e6384083a7493979154183a9.png"
/>
<image
class="image_12 ml-43"
src="/static/images/codefun/182a345a5e2d417c944035b240ba2e64.png"
/>
</view>
<view class="codefun-flex-row codefun-justify-between mt-13">
<text class="font_2 text_14">惠农金融</text>
<text class="font_2 text_15">助农保险</text>
<text class="font_2">品牌策划</text>
<text class="font_2 text_16">农知农技</text>
</view>
</view>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-items-center section_6">
<view class="codefun-flex-col">
<view class="codefun-flex-row codefun-items-baseline">
<text class="font_5 text_17">最新</text>
<text class="font_2 text_18 ml-11">积极防范持续高温对农作物的影响</text>
</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>
</view>
</view>
<image class="image_13" src="/static/images/codefun/64d85a99ca3de5fab9ce0e8dc71aa791.png" />
</view>
</view>
<view class="codefun-self-end section_7" />
</view>
<view class="codefun-flex-row codefun-justify-between codefun-items-baseline group_12">
<text class="font_6">热门产地行情</text>
<text class="font_7 text_22">08-30日更新</text>
</view>
<view class="codefun-flex-row equal-division section_8">
<view class="codefun-flex-col group_13 group_17">
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-center codefun-relative group_41"
>
<text class="font_8 text_23">晚稻13号</text>
<text class="font_9 pos">¥4120</text>
</view>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch section_10">
<image
class="codefun-shrink-0 image_14"
src="/static/images/codefun/c6f953be58ac3e9752ab9475a2a53c14.png"
/>
<text class="font_10 text_25 ml-3">+1.2%</text>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_6"
>
<text class="font_11">点击关注</text>
</view>
</view>
<view class="section_9 horiz-divider" />
<view class="codefun-flex-col group_13 group_39">
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-center codefun-relative group_20"
>
<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">
<image
class="codefun-shrink-0 image_14"
src="/static/images/codefun/c6f953be58ac3e9752ab9475a2a53c14.png"
/>
<text class="font_10 text_25 ml-3">+1.2%</text>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_6"
>
<text class="font_11">点击关注</text>
</view>
</view>
<view class="section_9 horiz-divider" />
<view class="codefun-flex-col group_13 group_21">
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-center codefun-relative group_1"
>
<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">
<image
class="codefun-shrink-0 image_14"
src="/static/images/codefun/c7e797cc626699dcc8999a72145e9f8b.png"
/>
<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"
>
<text class="font_11">点击关注</text>
</view>
</view>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-items-baseline group_15">
<text class="font_12 text_28">服务展示窗</text>
<text class="font_7 text_20 text_29">实时数据</text>
</view>
<view class="codefun-flex-row equal-division_2 group_16">
<view class="codefun-flex-col section_12 section_18">
<view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative group_25"
>
<image
class="image_5 pos_4"
src="/static/images/codefun/15911306636a361a8dc16ce0283f3830.png"
/>
<text class="font_13 text_30">农场入驻</text>
</view>
<view class="codefun-self-start group_28 mt-11">
<text class="font_12 text_47">2,360</text>
<text class="font_7 text_49">个</text>
</view>
</view>
<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"
>
<image
class="image_5 pos_5"
src="/static/images/codefun/1d0cd168eeffbaf37a90aa949c6ad806.png"
/>
<text class="font_13 text_1">空闲农机</text>
</view>
<view class="codefun-self-start group_18 mt-11">
<text class="font_12 text_48">126</text>
<text class="font_7">台</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/24dd00386672f240ef00394b746c2ff0.png"
/>
<text class="font_13 text_46">产销对接</text>
</view>
<view class="codefun-self-start group_30 mt-11">
<text class="font_12 text_37">156</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/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>
<text class="font_7 text_33">查看全部</text>
</view>
<view class="codefun-flex-col section_13">
<text class="codefun-self-start font text_34">专家实录—鸡饲养技术</text>
<view
class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch mt-13"
>
<view class="codefun-flex-row codefun-items-center">
<image
class="codefun-shrink-0 image_15"
src="/static/images/codefun/893f216142f5ca20cf9f2496d9b793c8.png"
/>
<text class="font_14 text_35 ml-5">张教授</text>
</view>
<text class="font_14 text_36">23:15｜2.3万次播放</text>
</view>
<view class="codefun-flex-row codefun-justify-center codefun-self-stretch mt-13">
<view class="section_14" />
<view
class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper codefun-ml-8"
>
<image class="image_16" src="/static/images/codefun/d2f4116cc0ab402e57bdbd7aa4dead94.png" />
</view>
<view class="section_15 codefun-ml-8" />
<view
class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper codefun-ml-8"
>
<image class="image_16" src="/static/images/codefun/d2f4116cc0ab402e57bdbd7aa4dead94.png" />
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.ml-17 {
margin-left: 34rpx;
}
.ml-43 {
margin-left: 86rpx;
}
.mt-13 {
margin-top: 26rpx;
}
.ml-11 {
margin-left: 22rpx;
}
.ml-3 {
margin-left: 6rpx;
}
.ml-19 {
margin-left: 38rpx;
}
.mt-11 {
margin-top: 22rpx;
}
.ml-5 {
margin-left: 10rpx;
}
.mt-3 {
margin-top: 6rpx;
}
.page {
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
padding-bottom: 20rpx;
.group {
height: 2530rpx;
.section {
padding: 48rpx 28rpx 220rpx;
background-image: url('/static/images/codefun/1086a098c06f7f52e77bd7a646747a13.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group_2 {
padding-left: 16rpx;
.image {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.image_2 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.image_4 {
width: 48rpx;
height: 22rpx;
}
}
.text {
margin-left: 5.3rpx;
margin-top: 37.62rpx;
color: #ffffffe6;
font-size: 36rpx;
line-height: 33.58rpx;
letter-spacing: 4.32rpx;
}
.section_2 {
margin-top: 25.8rpx;
padding: 14rpx 18rpx 16rpx;
background-color: #ffffff4d;
border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH;
border: solid 1rpx #ffffff7d;
.text_2 {
line-height: 25.5rpx;
}
}
}
.group_3 {
margin-top: -188rpx;
padding-left: 28rpx;
.group_4 {
height: 864rpx;
.section_3 {
margin-right: 28rpx;
padding: 20rpx 28rpx 58rpx;
background-image: linear-gradient(180deg, #dcfce7 0%, #f8fef9 100%);
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.text-wrapper {
padding: 7.6rpx 0 6.76rpx;
overflow: hidden;
width: 56rpx;
height: 40rpx;
.text_4 {
color: #5db66f;
line-height: 25.64rpx;
}
}
.image_6 {
width: 16rpx;
height: 10rpx;
}
.text-wrapper_2 {
overflow: hidden;
width: 140rpx;
height: 40rpx;
.text_3 {
margin-left: 9.28rpx;
color: #5db66f;
font-size: 24rpx;
line-height: 40rpx;
width: 104rpx;
}
}
.group_5 {
margin-top: 16rpx;
.group_8 {
margin: 4rpx 0;
flex: 1 1 300.68rpx;
.image_8 {
mix-blend-mode: NOTTHROUGH;
width: 112rpx;
height: 112rpx;
}
.text_5 {
color: #06280b;
font-size: 48rpx;
line-height: 34.28rpx;
}
.text_8 {
color: #555555;
line-height: 26.88rpx;
}
}
.group_6 {
flex: 1 1 300.68rpx;
.group_7 {
padding: 0 8rpx;
.image_9 {
margin-top: 4rpx;
width: 54rpx;
height: 42rpx;
}
.image_7 {
margin-right: 4rpx;
margin-bottom: 4rpx;
width: 56rpx;
height: 42rpx;
}
}
.group_9 {
margin-top: 10rpx;
padding: 0 12rpx;
.text-wrapper_9 {
padding: 6.8rpx 0 4.6rpx;
overflow: hidden;
width: 48rpx;
height: 32rpx;
.text_6 {
line-height: 20.6rpx;
}
}
.text-wrapper_3 {
padding: 6.54rpx 0 4.92rpx;
overflow: hidden;
width: 48rpx;
height: 32rpx;
.text_52 {
line-height: 20.54rpx;
}
}
.font_3 {
font-size: 24rpx;
line-height: 22.04rpx;
color: #6b7280;
}
.text_7 {
margin-right: 9rpx;
line-height: 20.54rpx;
}
}
.text-wrapper_4 {
padding: 7.84rpx 0 7.02rpx;
overflow: hidden;
width: 76rpx;
height: 32rpx;
.text_9 {
line-height: 17.14rpx;
}
}
.text-wrapper_1 {
padding: 7.84rpx 0 6.98rpx;
overflow: hidden;
width: 76rpx;
height: 32rpx;
.text_10 {
line-height: 17.18rpx;
}
}
}
}
.section_4 {
margin-top: 30rpx;
padding: 10rpx 20rpx;
background-color: #fb81461f;
border-radius: 12rpx;
mix-blend-mode: NOTTHROUGH;
.image_10 {
width: 40rpx;
height: 40rpx;
}
.text-wrapper_5 {
margin-right: 180rpx;
overflow: hidden;
width: 366rpx;
height: 40rpx;
.text_12 {
margin-left: 2.3rpx;
margin-right: 13.7rpx;
color: #ff612c;
font-size: 28rpx;
line-height: 40rpx;
}
}
}
}
.section_5 {
margin-right: 28rpx;
margin-top: -34rpx;
padding: 30rpx 0 40.76rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.group_10 {
flex: 1 1 173.5rpx;
.image_11 {
border-radius: 88rpx;
width: 96rpx;
height: 96rpx;
}
.text_50 {
line-height: 25.76rpx;
}
.text_13 {
line-height: 24.58rpx;
}
.text_51 {
line-height: 25.78rpx;
}
}
.group_43 {
padding-bottom: 10rpx;
}
.group_42 {
padding-bottom: 10rpx;
}
.group_37 {
padding-bottom: 10.06rpx;
}
.group_40 {
padding-bottom: 10.06rpx;
}
.group_11 {
padding-left: 31.3rpx;
padding-right: 25.86rpx;
.group_38 {
padding: 0 9.7rpx;
.image_12 {
border-radius: 88rpx;
mix-blend-mode: NOTTHROUGH;
width: 88rpx;
height: 88rpx;
}
}
.text_14 {
line-height: 25.62rpx;
}
.text_15 {
line-height: 25.76rpx;
}
.text_16 {
line-height: 25.78rpx;
}
}
}
.font_2 {
font-size: 28rpx;
line-height: 25.7rpx;
color: #1d2129;
}
.section_6 {
margin-right: 28rpx;
margin-top: 24rpx;
padding: 18rpx 18rpx 12.32rpx 22.78rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.font_5 {
font-size: 28rpx;
line-height: 44rpx;
color: #5db66f;
}
.text_17 {
font-size: 30rpx;
}
.text_18 {
color: #000000;
line-height: 26.16rpx;
}
.text_19 {
font-size: 30rpx;
}
.text_21 {
line-height: 17.18rpx;
}
.image_13 {
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
width: 32rpx;
height: 32rpx;
}
}
.font_4 {
font-size: 20rpx;
line-height: 18.3rpx;
color: #000000;
}
}
.section_7 {
margin-right: 8rpx;
background-color: #00000000;
width: 24rpx;
height: 24rpx;
}
.group_12 {
margin-top: 17.72rpx;
.text_22 {
margin-right: 30.72rpx;
color: #33333399;
line-height: 22.16rpx;
}
}
.equal-division {
margin-right: 28rpx;
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;
right: 0;
bottom: 36.54rpx;
}
}
.section_10 {
margin: 0 16rpx;
padding: 0 14rpx;
background-color: #da14141a;
border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH;
}
.text-wrapper_6 {
margin-top: 40rpx;
padding: 17.3rpx 0 16.66rpx;
background-color: #5db66f29;
border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH;
.font_11 {
font-size: 24rpx;
line-height: 22.04rpx;
color: #16a34a;
}
}
.group_20 {
padding: 10rpx 0 4.92rpx;
width: 100rpx;
height: calc(100% - 30rpx);
.pos_2 {
position: absolute;
left: 0;
right: 0;
bottom: 36.54rpx;
}
}
.font_8 {
font-size: 28rpx;
line-height: 72rpx;
color: #333333;
}
.text_23 {
width: 124rpx;
}
.font_9 {
font-size: 36rpx;
line-height: 25.7rpx;
color: #f26464;
}
.group_1 {
padding: 10rpx 0 4.92rpx;
width: 106rpx;
height: calc(100% - 30rpx);
.text_24 {
color: #5db66f;
}
.pos_3 {
position: absolute;
left: 0;
right: 0;
bottom: 36.54rpx;
}
}
.section_11 {
margin: 0 16rpx;
padding: 0 14rpx;
background-color: #5db66f1a;
border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH;
.text_26 {
color: #5db66f;
padding-left: 10rpx;
}
}
.image_14 {
mix-blend-mode: NOTTHROUGH;
width: 28rpx;
height: 16rpx;
margin: 0 8rpx;
}
.font_10 {
font-size: 20rpx;
line-height: 56rpx;
color: #f44336;
}
}
.group_17 {
padding: 0 31.34rpx 12rpx 32rpx;
}
.section_9 {
flex-shrink: 0;
margin: 10.62rpx 0 10rpx;
}
.horiz-divider {
background-color: #fafafa;
width: 2rpx;
height: 288rpx;
}
.group_39 {
padding: 0 30.66rpx 12rpx 32.66rpx;
}
.group_21 {
padding: 0 30rpx 12rpx 33.34rpx;
}
}
.section_8 {
padding: 15.38rpx 0 12rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
overflow: scroll;
}
.group_15 {
margin-top: 41.54rpx;
.text_28 {
line-height: 29.56rpx;
}
.text_29 {
margin-right: 24.44rpx;
}
}
.font_7 {
font-size: 24rpx;
line-height: 22.04rpx;
color: #000000;
}
.text_20 {
opacity: 0.6;
}
.equal-division_2 {
margin-top: 32.9rpx;
.section_12 {
flex: 1 1 216rpx;
.group_25 {
padding: 5.24rpx 0 4.8rpx;
.pos_4 {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.text_30 {
line-height: 21.96rpx;
}
}
.group_28 {
margin-left: 5.82rpx;
line-height: 26.88rpx;
.text_47 {
line-height: 26.88rpx;
}
.text_49 {
line-height: 21.62rpx;
}
}
.group_26 {
padding: 5.2rpx 0 4.72rpx;
.pos_5 {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.text_1 {
line-height: 22.08rpx;
}
}
.font_13 {
font-size: 24rpx;
line-height: 22.04rpx;
color: #666666;
}
.group_18 {
margin-left: 5.24rpx;
line-height: 22.84rpx;
.text_48 {
line-height: 22.84rpx;
}
}
.group_27 {
padding: 5.3rpx 0 4.52rpx;
.pos_6 {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.text_46 {
line-height: 22.18rpx;
}
}
.group_30 {
margin-left: 7.24rpx;
line-height: 22.84rpx;
.text_37 {
line-height: 22.84rpx;
}
.text_31 {
line-height: 21.46rpx;
}
}
}
.section_18 {
padding: 32rpx 20rpx 38rpx;
background-color: #ffffff;
border-radius: 8rpx;
mix-blend-mode: NOTTHROUGH;
height: 150rpx;
}
.section_1 {
padding: 32rpx 22rpx 39.98rpx;
background-color: #ffffff;
border-radius: 8rpx;
mix-blend-mode: NOTTHROUGH;
height: 150rpx;
}
.section_19 {
padding: 32rpx 20rpx 40.4rpx;
background-color: #ffffff;
border-radius: 8rpx;
mix-blend-mode: NOTTHROUGH;
height: 150rpx;
}
}
.group_16 {
flex-wrap: wrap;
gap: 10px;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.font_12 {
font-size: 32rpx;
line-height: 22.04rpx;
color: #000000;
}
.group_19 {
margin-top: 38rpx;
.text_32 {
line-height: 29.48rpx;
}
.text_33 {
margin-right: 25.48rpx;
color: #5db66f;
line-height: 21.86rpx;
}
}
.font_6 {
font-size: 32rpx;
line-height: 29.56rpx;
color: #333333;
}
.section_13 {
margin-right: 28rpx;
margin-top: 32.86rpx;
padding: 271.06rpx 36.64rpx 22rpx 48rpx;
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;
}
.image_15 {
mix-blend-mode: NOTTHROUGH;
border-radius: 50%;
width: 48rpx;
height: 48rpx;
}
.font_14 {
font-size: 24rpx;
line-height: 22.04rpx;
color: #ffffff;
}
.text_35 {
line-height: 21.76rpx;
}
.text_36 {
line-height: 23.04rpx;
}
.section_14 {
background-color: #5db66f;
border-radius: 12rpx;
mix-blend-mode: NOTTHROUGH;
width: 40rpx;
height: 12rpx;
}
.image-wrapper {
width: 40rpx;
.image_16 {
width: 40rpx;
height: 12rpx;
}
}
.section_15 {
background-color: #5db66f33;
mix-blend-mode: NOTTHROUGH;
border-radius: 50%;
width: 12rpx;
height: 12rpx;
}
}
}
.font {
font-size: 28rpx;
line-height: 25.7rpx;
color: #ffffff;
}
}
.equal-division_3 {
padding: 10rpx 7.98rpx 15.66rpx 7.98rpx;
background-color: #ffffff;
mix-blend-mode: NOTTHROUGH;
border-top: solid 1rpx #e7e7e7;
.group_22 {
flex: 1 1 146.82rpx;
.font_15 {
font-size: 20rpx;
line-height: 18.3rpx;
color: #666666;
}
.text_44 {
line-height: 18.4rpx;
}
.text_45 {
line-height: 18.48rpx;
}
}
.group_32 {
padding: 12rpx 0 11.68rpx;
}
.group_33 {
padding: 12rpx 0 10rpx;
}
.group_34 {
padding: 12rpx 0 11.48rpx;
}
.group_35 {
padding: 12rpx 0 11.38rpx;
}
.group_36 {
padding: 12rpx 0 11.84rpx;
}
}
.image_5 {
width: 32rpx;
height: 32rpx;
}
}
</style>
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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论