Skip to content

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

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

上级 1d78b3b2
正在显示 包含 1374 行增加 和 174 行删除
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/manifest.json
{ {
"name" : "数智农服", "name": "数智农服",
"appid" : "__UNI__FD09823", "appid": "__UNI__FD09823",
"description" : "数智农服 APP", "description": "数智农服 APP",
"versionName" : "1.0.0", "versionName": "1.0.2",
"versionCode" : 10000, "versionCode": 10002,
"transformPx" : false, "transformPx": false,
"locale" : "zh-Hans", "locale": "zh-Hans",
"vueVersion" : "3", "vueVersion": "3",
/* 5+App特有相关 */// 配置文件详细说明 /* 5+App特有相关 */ // 配置文件详细说明
// https://uniapp.dcloud.net.cn/collocation/manifest-app.html#full-manifest // https://uniapp.dcloud.net.cn/collocation/manifest-app.html#full-manifest
"app-plus" : { "app-plus": {
"usingComponents" : true, "usingComponents": true,
"nvueCompiler" : "uni-app", "nvueCompiler": "uni-app",
"nvueStyleCompiler" : "uni-app", "nvueStyleCompiler": "uni-app",
"nvueLaunchMode" : "fast", "nvueLaunchMode": "fast",
"compilerVersion" : 3, "compilerVersion": 3,
"splashscreen" : { "splashscreen": {
"alwaysShowBeforeRender" : false, "alwaysShowBeforeRender": false,
"autoclose" : false, "autoclose": false,
"waiting" : true "waiting": true
}, },
"screenOrientation" : [ "portrait-primary", "landscape-primary" ], "screenOrientation": [
"compatible" : { "portrait-primary",
"landscape-primary"
],
"compatible": {
// 忽略版本提示 // 忽略版本提示
"ignoreVersion" : true "ignoreVersion": true
}, },
/* 模块配置 */ /* 模块配置 */
"modules" : { "modules": {
"Geolocation" : {}, "Geolocation": {},
"Camera" : {} "Camera": {}
}, },
/* 应用发布信息 */ /* 应用发布信息 */
"distribute" : { "distribute": {
/* android打包配置 */ /* android打包配置 */
"android" : { "android": {
"permissions" : [ "permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
...@@ -51,97 +54,103 @@ ...@@ -51,97 +54,103 @@
"<uses-feature android:name=\"android.hardware.camera\"/>", "<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
], ],
"permissionPhoneState" : { "permissionPhoneState": {
// app首次启动关闭权限申请 // app首次启动关闭权限申请
"request" : "none" "request": "none"
}, },
"minSdkVersion" : 23, "minSdkVersion": 23,
"targetSdkVersion" : 30, "targetSdkVersion": 30,
"abiFilters" : [ "armeabi-v7a", "arm64-v8a" ] "abiFilters": [
"armeabi-v7a",
"arm64-v8a"
]
}, },
/* ios打包配置 */ /* ios打包配置 */
"ios" : { "ios": {
"dSYMs" : false, "dSYMs": false,
"privacyDescription" : { "privacyDescription": {
"NSUserTrackingUsageDescription" : "请放心，开启权限不会获取您在其他站点的隐私信息，该权限仅用于标识设备并保障服务安全与提示浏览体验", "NSUserTrackingUsageDescription": "请放心，开启权限不会获取您在其他站点的隐私信息，该权限仅用于标识设备并保障服务安全与提示浏览体验",
"NSLocationAlwaysAndWhenInUseUsageDescription" : "该应用需要你的地理位置，以便检查你当前位置信息", "NSLocationAlwaysAndWhenInUseUsageDescription": "该应用需要你的地理位置，以便检查你当前位置信息",
"NSLocationAlwaysUsageDescription" : "该应用需要你的地理位置，以便检查你当前位置信息", "NSLocationAlwaysUsageDescription": "该应用需要你的地理位置，以便检查你当前位置信息",
"NSLocationWhenInUseUsageDescription" : "该应用需要你的地理位置，以便检查你当前位置信息", "NSLocationWhenInUseUsageDescription": "该应用需要你的地理位置，以便检查你当前位置信息",
"NSPhotoLibraryUsageDescription" : "请允许访问您的照片图库，以便能够上传应用异常问题的截图" "NSPhotoLibraryUsageDescription": "请允许访问您的照片图库，以便能够上传应用异常问题的截图"
} }
}, },
/* SDK配置 */ /* SDK配置 */
"sdkConfigs" : { "sdkConfigs": {
"ad" : {}, "ad": {},
"statics" : {}, "statics": {},
"geolocation" : { "geolocation": {
"system" : { "system": {
"__platform__" : [ "ios", "android" ] "__platform__": [
"ios",
"android"
]
} }
} }
}, },
"icons" : { "icons": {
"android" : { "android": {
"hdpi" : "unpackage/res/icons/72x72.png", "hdpi": "unpackage/res/icons/72x72.png",
"xhdpi" : "unpackage/res/icons/96x96.png", "xhdpi": "unpackage/res/icons/96x96.png",
"xxhdpi" : "unpackage/res/icons/144x144.png", "xxhdpi": "unpackage/res/icons/144x144.png",
"xxxhdpi" : "unpackage/res/icons/192x192.png" "xxxhdpi": "unpackage/res/icons/192x192.png"
}, },
"ios" : { "ios": {
"appstore" : "unpackage/res/icons/1024x1024.png", "appstore": "unpackage/res/icons/1024x1024.png",
"ipad" : { "ipad": {
"app" : "unpackage/res/icons/76x76.png", "app": "unpackage/res/icons/76x76.png",
"app@2x" : "unpackage/res/icons/152x152.png", "app@2x": "unpackage/res/icons/152x152.png",
"notification" : "unpackage/res/icons/20x20.png", "notification": "unpackage/res/icons/20x20.png",
"notification@2x" : "unpackage/res/icons/40x40.png", "notification@2x": "unpackage/res/icons/40x40.png",
"proapp@2x" : "unpackage/res/icons/167x167.png", "proapp@2x": "unpackage/res/icons/167x167.png",
"settings" : "unpackage/res/icons/29x29.png", "settings": "unpackage/res/icons/29x29.png",
"settings@2x" : "unpackage/res/icons/58x58.png", "settings@2x": "unpackage/res/icons/58x58.png",
"spotlight" : "unpackage/res/icons/40x40.png", "spotlight": "unpackage/res/icons/40x40.png",
"spotlight@2x" : "unpackage/res/icons/80x80.png" "spotlight@2x": "unpackage/res/icons/80x80.png"
}, },
"iphone" : { "iphone": {
"app@2x" : "unpackage/res/icons/120x120.png", "app@2x": "unpackage/res/icons/120x120.png",
"app@3x" : "unpackage/res/icons/180x180.png", "app@3x": "unpackage/res/icons/180x180.png",
"notification@2x" : "unpackage/res/icons/40x40.png", "notification@2x": "unpackage/res/icons/40x40.png",
"notification@3x" : "unpackage/res/icons/60x60.png", "notification@3x": "unpackage/res/icons/60x60.png",
"settings@2x" : "unpackage/res/icons/58x58.png", "settings@2x": "unpackage/res/icons/58x58.png",
"settings@3x" : "unpackage/res/icons/87x87.png", "settings@3x": "unpackage/res/icons/87x87.png",
"spotlight@2x" : "unpackage/res/icons/80x80.png", "spotlight@2x": "unpackage/res/icons/80x80.png",
"spotlight@3x" : "unpackage/res/icons/120x120.png" "spotlight@3x": "unpackage/res/icons/120x120.png"
} }
} }
}, },
"splashscreen" : { "splashscreen": {
"useOriginalMsgbox" : true "useOriginalMsgbox": true
} }
}, },
"uniStatistics" : { "uniStatistics": {
"enable" : true "enable": true
} }
}, },
"uniStatistics" : { "uniStatistics": {
"enable" : true, "enable": true,
"version" : "2", "version": "2",
"debug" : true "debug": true
}, },
/* 快应用特有相关 */ /* 快应用特有相关 */
"quickapp" : {}, "quickapp": {},
/* 小程序特有相关 */ /* 小程序特有相关 */
"mp-weixin" : { "mp-weixin": {
"appid" : "", "appid": "",
"setting" : { "setting": {
"urlCheck" : false "urlCheck": false
}, },
"usingComponents" : true "usingComponents": true
}, },
"mp-alipay" : { "mp-alipay": {
"usingComponents" : true "usingComponents": true
}, },
"mp-baidu" : { "mp-baidu": {
"usingComponents" : true "usingComponents": true
}, },
"mp-toutiao" : { "mp-toutiao": {
"usingComponents" : true "usingComponents": true
} }
} }
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/nongchang/nongchang.vue
...@@ -7,6 +7,13 @@ ...@@ -7,6 +7,13 @@
}, },
methods: {}, methods: {},
onPullDownRefresh() {
setTimeout(function () {
uni.stopPullDownRefresh()
Message.toast('刷新成功')
}, 1000)
},
} }
</script> </script>
...@@ -111,9 +118,9 @@ ...@@ -111,9 +118,9 @@
src="/static/images/codefun/d8106d6756782001856157ea8933e6f0.png" src="/static/images/codefun/d8106d6756782001856157ea8933e6f0.png"
/> />
<text class="codefun-self-center font_5 text_18">柑橘模型</text> <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 <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> <text class="font_8 text_24">查看介绍</text>
</view> </view>
...@@ -140,10 +147,10 @@ ...@@ -140,10 +147,10 @@
class="codefun-self-center image_7" class="codefun-self-center image_7"
src="/static/images/codefun/f29a54a031b5665bf1522b973b109416.png" 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> <text class="codefun-self-center font_7 text_22">基于作物生长状况产能构建模型</text>
<view <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> <text class="font_8 text_24">查看介绍</text>
</view> </view>
...@@ -414,9 +421,16 @@ ...@@ -414,9 +421,16 @@
</view> </view>
</view> </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> </view>
</view> </view>
...@@ -598,13 +612,12 @@ ...@@ -598,13 +612,12 @@
} }
} }
.image_6 { .image_6 {
border-radius: 24rpx;
width: 96rpx; width: 96rpx;
height: 96rpx; height: 96rpx;
} }
.font_3 { .font_3 {
font-size: 24rpx; font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx; line-height: 22.84rpx;
color: #1d2129; color: #1d2129;
} }
...@@ -613,17 +626,17 @@ ...@@ -613,17 +626,17 @@
width: 134rpx; width: 134rpx;
} }
.group_4 { .group_4 {
position: absolute; // position: absolute;
right: 147rpx; // right: 147rpx;
top: 6rpx; // top: 6rpx;
.text_6 { .text_6 {
line-height: 22.06rpx; line-height: 22.06rpx;
} }
} }
.equal-division-item_3 { .equal-division-item_3 {
position: absolute; // position: absolute;
right: 13rpx; // right: 13rpx;
top: 6rpx; // top: 6rpx;
.text_7 { .text_7 {
line-height: 21.08rpx; line-height: 21.08rpx;
} }
...@@ -634,7 +647,7 @@ ...@@ -634,7 +647,7 @@
} }
} }
.section_3 { .section_3 {
padding: 6rpx 12rpx 16rpx; padding: 16rpx 12rpx 16rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 16rpx; border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
...@@ -655,7 +668,9 @@ ...@@ -655,7 +668,9 @@
.group_7 { .group_7 {
margin-top: 16rpx; margin-top: 16rpx;
.text-wrapper { .text-wrapper {
padding: 8rpx 0; display: flex;
justify-content: center;
align-items: center;
border-radius: 8rpx; border-radius: 8rpx;
width: 94rpx; width: 94rpx;
height: 40rpx; height: 40rpx;
...@@ -669,7 +684,9 @@ ...@@ -669,7 +684,9 @@
} }
} }
.text-wrapper_2 { .text-wrapper_2 {
padding: 8rpx 0; display: flex;
justify-content: center;
align-items: center;
border-radius: 8rpx; border-radius: 8rpx;
width: 132rpx; width: 132rpx;
height: 40rpx; height: 40rpx;
...@@ -745,7 +762,6 @@ ...@@ -745,7 +762,6 @@
border-radius: 16rpx; border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH; mix-blend-mode: NOTTHROUGH;
.equal-division_3 { .equal-division_3 {
padding: 0 36rpx;
.equal-division-item_5 { .equal-division-item_5 {
flex: 1 1 207.64rpx; flex: 1 1 207.64rpx;
.image_7 { .image_7 {
...@@ -758,7 +774,7 @@ ...@@ -758,7 +774,7 @@
} }
.font_7 { .font_7 {
font-size: 20rpx; font-size: 20rpx;
font-family: AlibabaPuHuiTi;
line-height: 32rpx; line-height: 32rpx;
color: #666666; color: #666666;
} }
...@@ -777,7 +793,7 @@ ...@@ -777,7 +793,7 @@
width: 136rpx; width: 136rpx;
.font_8 { .font_8 {
font-size: 24rpx; font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx; line-height: 22.84rpx;
color: #16a34a; color: #16a34a;
} }
...@@ -836,7 +852,7 @@ ...@@ -836,7 +852,7 @@
flex: 1 1 308rpx; flex: 1 1 308rpx;
.font_9 { .font_9 {
font-size: 32rpx; font-size: 32rpx;
font-family: AlibabaPuHuiTi;
line-height: 29.32rpx; line-height: 29.32rpx;
color: #1d2129; color: #1d2129;
} }
...@@ -881,7 +897,7 @@ ...@@ -881,7 +897,7 @@
} }
.font_5 { .font_5 {
font-size: 26rpx; font-size: 26rpx;
font-family: AlibabaPuHuiTi;
line-height: 25.56rpx; line-height: 25.56rpx;
color: #333333; color: #333333;
} }
...@@ -905,7 +921,7 @@ ...@@ -905,7 +921,7 @@
} }
.font_11 { .font_11 {
font-size: 24rpx; font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx; line-height: 22.84rpx;
color: #666666; color: #666666;
} }
...@@ -934,7 +950,7 @@ ...@@ -934,7 +950,7 @@
} }
.font_12 { .font_12 {
font-size: 28rpx; font-size: 28rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx; line-height: 22.84rpx;
color: #000000; color: #000000;
} }
...@@ -992,13 +1008,13 @@ ...@@ -992,13 +1008,13 @@
} }
.font_6 { .font_6 {
font-size: 24rpx; font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx; line-height: 22.84rpx;
color: #5db66f; color: #5db66f;
} }
.font_10 { .font_10 {
font-size: 24rpx; font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx; line-height: 22.84rpx;
color: #000000; color: #000000;
} }
...@@ -1147,7 +1163,8 @@ ...@@ -1147,7 +1163,8 @@
} }
} }
.group_26 { .group_26 {
overflow-x: hidden; overflow-x: scroll;
padding-right: 14rpx;
.text_56 { .text_56 {
line-height: 29.76rpx; line-height: 29.76rpx;
} }
...@@ -1207,7 +1224,7 @@ ...@@ -1207,7 +1224,7 @@
} }
.font_14 { .font_14 {
font-size: 28rpx; font-size: 28rpx;
font-family: AlibabaPuHuiTi;
line-height: 25.56rpx; line-height: 25.56rpx;
color: #15161a; color: #15161a;
} }
...@@ -1251,7 +1268,7 @@ ...@@ -1251,7 +1268,7 @@
margin-left: 72rpx; margin-left: 72rpx;
color: #ffaa1e; color: #ffaa1e;
font-size: 40rpx; font-size: 40rpx;
font-family: AlibabaPuHuiTi;
line-height: 28.56rpx; line-height: 28.56rpx;
} }
.text_63 { .text_63 {
...@@ -1286,8 +1303,10 @@ ...@@ -1286,8 +1303,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_68 { .text_68 {
line-height: 26.58rpx; line-height: 26.58rpx;
} }
...@@ -1352,20 +1371,20 @@ ...@@ -1352,20 +1371,20 @@
} }
.font_15 { .font_15 {
font-size: 24rpx; font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx; line-height: 22.84rpx;
color: #ffffff; color: #ffffff;
} }
} }
.font { .font {
font-size: 32rpx; font-size: 32rpx;
font-family: AlibabaPuHuiTi;
line-height: 29.32rpx; line-height: 29.32rpx;
color: #333333; color: #333333;
} }
.font_2 { .font_2 {
font-size: 28rpx; font-size: 28rpx;
font-family: AlibabaPuHuiTi;
line-height: 25.56rpx; line-height: 25.56rpx;
color: #ffffff; color: #ffffff;
} }
...@@ -1388,7 +1407,7 @@ ...@@ -1388,7 +1407,7 @@
} }
.font_4 { .font_4 {
font-size: 20rpx; font-size: 20rpx;
font-family: AlibabaPuHuiTi;
line-height: 18.3rpx; line-height: 18.3rpx;
color: #666666; color: #666666;
} }
......
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/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 @@ ...@@ -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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论