Skip to content

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

chore: 清理代码、离线图标图片资源相关

上级 374f3c6d
正在显示 包含 5694 行增加 和 2 行删除
src/App.vue
......@@ -67,4 +67,7 @@
// 全局样式
@import url('./common/public.less');
// codefun 全局样式
@import url('./common/codefun.less');
</style>
src/common/codefun.less 0 → 100644
html {
font-size: 16px;
}
body {
margin: 0;
font-family:
-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;
}
view,
image,
text {
box-sizing: border-box;
flex-shrink: 0;
}
#app {
width: 100vw;
height: 100vh;
}
.codefun-flex-row {
display: flex;
flex-direction: row;
}
.codefun-flex-col {
display: flex;
flex-direction: column;
}
.codefun-justify-start {
justify-content: flex-start;
}
.codefun-justify-end {
justify-content: flex-end;
}
.codefun-justify-center {
justify-content: center;
}
.codefun-justify-between {
justify-content: space-between;
}
.codefun-justify-around {
justify-content: space-around;
}
.codefun-justify-evenly {
justify-content: space-evenly;
}
.codefun-items-start {
align-items: flex-start;
}
.codefun-items-end {
align-items: flex-end;
}
.codefun-items-center {
align-items: center;
}
.codefun-items-baseline {
align-items: baseline;
}
.codefun-items-stretch {
align-items: stretch;
}
.codefun-self-start {
align-self: flex-start;
}
.codefun-self-end {
align-self: flex-end;
}
.codefun-self-center {
align-self: center;
}
.codefun-self-baseline {
align-self: baseline;
}
.codefun-self-stretch {
align-self: stretch;
}
.codefun-flex-1 {
flex: 1 1 0%;
}
.codefun-flex-auto {
flex: 1 1 auto;
}
.codefun-grow {
flex-grow: 1;
}
.codefun-grow-0 {
flex-grow: 0;
}
.codefun-shrink {
flex-shrink: 1;
}
.codefun-shrink-0 {
flex-shrink: 0;
}
.codefun-relative {
position: relative;
}
.codefun-ml-2 {
margin-left: 4rpx;
}
.codefun-mt-2 {
margin-top: 4rpx;
}
.codefun-ml-4 {
margin-left: 8rpx;
}
.codefun-mt-4 {
margin-top: 8rpx;
}
.codefun-ml-6 {
margin-left: 12rpx;
}
.codefun-mt-6 {
margin-top: 12rpx;
}
.codefun-ml-8 {
margin-left: 16rpx;
}
.codefun-mt-8 {
margin-top: 16rpx;
}
.codefun-ml-10 {
margin-left: 20rpx;
}
.codefun-mt-10 {
margin-top: 20rpx;
}
.codefun-ml-12 {
margin-left: 24rpx;
}
.codefun-mt-12 {
margin-top: 24rpx;
}
.codefun-ml-14 {
margin-left: 28rpx;
}
.codefun-mt-14 {
margin-top: 28rpx;
}
.codefun-ml-16 {
margin-left: 32rpx;
}
.codefun-mt-16 {
margin-top: 32rpx;
}
.codefun-ml-18 {
margin-left: 36rpx;
}
.codefun-mt-18 {
margin-top: 36rpx;
}
.codefun-ml-20 {
margin-left: 40rpx;
}
.codefun-mt-20 {
margin-top: 40rpx;
}
.codefun-ml-22 {
margin-left: 44rpx;
}
.codefun-mt-22 {
margin-top: 44rpx;
}
.codefun-ml-24 {
margin-left: 48rpx;
}
.codefun-mt-24 {
margin-top: 48rpx;
}
.codefun-ml-26 {
margin-left: 52rpx;
}
.codefun-mt-26 {
margin-top: 52rpx;
}
.codefun-ml-28 {
margin-left: 56rpx;
}
.codefun-mt-28 {
margin-top: 56rpx;
}
.codefun-ml-30 {
margin-left: 60rpx;
}
.codefun-mt-30 {
margin-top: 60rpx;
}
.codefun-ml-32 {
margin-left: 64rpx;
}
.codefun-mt-32 {
margin-top: 64rpx;
}
.codefun-ml-34 {
margin-left: 68rpx;
}
.codefun-mt-34 {
margin-top: 68rpx;
}
.codefun-ml-36 {
margin-left: 72rpx;
}
.codefun-mt-36 {
margin-top: 72rpx;
}
.codefun-ml-38 {
margin-left: 76rpx;
}
.codefun-mt-38 {
margin-top: 76rpx;
}
.codefun-ml-40 {
margin-left: 80rpx;
}
.codefun-mt-40 {
margin-top: 80rpx;
}
.codefun-ml-42 {
margin-left: 84rpx;
}
.codefun-mt-42 {
margin-top: 84rpx;
}
.codefun-ml-44 {
margin-left: 88rpx;
}
.codefun-mt-44 {
margin-top: 88rpx;
}
.codefun-ml-46 {
margin-left: 92rpx;
}
.codefun-mt-46 {
margin-top: 92rpx;
}
.codefun-ml-48 {
margin-left: 96rpx;
}
.codefun-mt-48 {
margin-top: 96rpx;
}
.codefun-ml-50 {
margin-left: 100rpx;
}
.codefun-mt-50 {
margin-top: 100rpx;
}
.codefun-ml-52 {
margin-left: 104rpx;
}
.codefun-mt-52 {
margin-top: 104rpx;
}
.codefun-ml-54 {
margin-left: 108rpx;
}
.codefun-mt-54 {
margin-top: 108rpx;
}
.codefun-ml-56 {
margin-left: 112rpx;
}
.codefun-mt-56 {
margin-top: 112rpx;
}
.codefun-ml-58 {
margin-left: 116rpx;
}
.codefun-mt-58 {
margin-top: 116rpx;
}
.codefun-ml-60 {
margin-left: 120rpx;
}
.codefun-mt-60 {
margin-top: 120rpx;
}
.codefun-ml-62 {
margin-left: 124rpx;
}
.codefun-mt-62 {
margin-top: 124rpx;
}
.codefun-ml-64 {
margin-left: 128rpx;
}
.codefun-mt-64 {
margin-top: 128rpx;
}
.codefun-ml-66 {
margin-left: 132rpx;
}
.codefun-mt-66 {
margin-top: 132rpx;
}
.codefun-ml-68 {
margin-left: 136rpx;
}
.codefun-mt-68 {
margin-top: 136rpx;
}
.codefun-ml-70 {
margin-left: 140rpx;
}
.codefun-mt-70 {
margin-top: 140rpx;
}
.codefun-ml-72 {
margin-left: 144rpx;
}
.codefun-mt-72 {
margin-top: 144rpx;
}
.codefun-ml-74 {
margin-left: 148rpx;
}
.codefun-mt-74 {
margin-top: 148rpx;
}
.codefun-ml-76 {
margin-left: 152rpx;
}
.codefun-mt-76 {
margin-top: 152rpx;
}
.codefun-ml-78 {
margin-left: 156rpx;
}
.codefun-mt-78 {
margin-top: 156rpx;
}
.codefun-ml-80 {
margin-left: 160rpx;
}
.codefun-mt-80 {
margin-top: 160rpx;
}
.codefun-ml-82 {
margin-left: 164rpx;
}
.codefun-mt-82 {
margin-top: 164rpx;
}
.codefun-ml-84 {
margin-left: 168rpx;
}
.codefun-mt-84 {
margin-top: 168rpx;
}
.codefun-ml-86 {
margin-left: 172rpx;
}
.codefun-mt-86 {
margin-top: 172rpx;
}
.codefun-ml-88 {
margin-left: 176rpx;
}
.codefun-mt-88 {
margin-top: 176rpx;
}
.codefun-ml-90 {
margin-left: 180rpx;
}
.codefun-mt-90 {
margin-top: 180rpx;
}
.codefun-ml-92 {
margin-left: 184rpx;
}
.codefun-mt-92 {
margin-top: 184rpx;
}
.codefun-ml-94 {
margin-left: 188rpx;
}
.codefun-mt-94 {
margin-top: 188rpx;
}
.codefun-ml-96 {
margin-left: 192rpx;
}
.codefun-mt-96 {
margin-top: 192rpx;
}
.codefun-ml-98 {
margin-left: 196rpx;
}
.codefun-mt-98 {
margin-top: 196rpx;
}
.codefun-ml-100 {
margin-left: 200rpx;
}
.codefun-mt-100 {
margin-top: 200rpx;
}
src/pages.json
{
"pages": [
{
"path": "pages/shouye/shouye",
"style": {
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#e6f5e8",
"backgroundColorTop": "#e6f5e8",
"backgroundColorBottom": "#e6f5e8",
"enablePullDownRefresh": true,
"app-plus": {
"titleNView": false,
"bounce": false
}
}
},
{
"path": "pages/nongchang/nongchang",
"style": {
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#e6f5e8",
"backgroundColorTop": "#e6f5e8",
"backgroundColorBottom": "#e6f5e8",
"enablePullDownRefresh": true,
"app-plus": {
"titleNView": false,
"bounce": false
}
}
},
{
"path": "pages/nongzhi/nongzhi",
"style": {
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#e6f5e8",
"backgroundColorTop": "#e6f5e8",
"backgroundColorBottom": "#e6f5e8",
"enablePullDownRefresh": true,
"app-plus": {
"titleNView": false,
"bounce": false
}
}
},
{
"path": "pages/fuwu/fuwu",
"style": {
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#e6f5e8",
"backgroundColorTop": "#e6f5e8",
"backgroundColorBottom": "#e6f5e8",
"enablePullDownRefresh": true,
"app-plus": {
"titleNView": false,
"bounce": false
}
}
},
{
"path": "pages/wode/wode",
"style": {
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#e6f5e8",
"backgroundColorTop": "#e6f5e8",
"backgroundColorBottom": "#e6f5e8",
"enablePullDownRefresh": true,
"app-plus": {
"titleNView": false,
"bounce": false
}
}
},
// pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
......@@ -7,7 +77,6 @@
"navigationBarTitleText": "Basic APP"
}
},
// ================================ 通用页面分割线 ====================================
// === 关于我们 ===
{
......@@ -109,5 +178,48 @@
}
}
},
"resizable": true
"resizable": true,
"tabBar": {
"color": "#7A7E83",
"selectedColor": "#5db66f",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"height": "60px",
"fontSize": "10px",
"iconWidth": "24px",
"spacing": "6px",
// "custom": true,
"list": [
{
"pagePath": "pages/shouye/shouye",
"iconPath": "static/images/codefun/home.png",
"selectedIconPath": "static/images/codefun/home.active.png",
"text": "首页"
},
{
"pagePath": "pages/nongchang/nongchang",
"iconPath": "static/images/codefun/nongchang.png",
"selectedIconPath": "static/images/codefun/nongchang.active.png",
"text": "农场"
},
{
"pagePath": "pages/fuwu/fuwu",
"iconPath": "static/images/codefun/fuwu.png",
"selectedIconPath": "static/images/codefun/fuwu.active.png",
"text": "服务"
},
{
"pagePath": "pages/nongzhi/nongzhi",
"iconPath": "static/images/codefun/nongzhi.png",
"selectedIconPath": "static/images/codefun/nongzhi.active.png",
"text": "农知"
},
{
"pagePath": "pages/wode/wode",
"iconPath": "static/images/codefun/me.png",
"selectedIconPath": "static/images/codefun/me.active.png",
"text": "我的"
}
]
}
}
src/pages/fuwu/fuwu.vue 0 → 100644
<script>
export default {
components: {},
props: {},
data() {
return {}
},
methods: {},
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col">
<view class="codefun-flex-col section">
<view class="codefun-flex-col group_2">
<view class="codefun-flex-col">
<view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-relative group_3"
>
<text class="font text">服务</text>
<image
class="image_6 pos_2"
src="/static/images/codefun/2d7ca3ba49afaa9f885afb0ba601a403.png"
/>
</view>
<view class="codefun-flex-col mt-15">
<view class="codefun-flex-row codefun-items-center section_2">
<text class="codefun-shrink-0 font_2">岗位</text>
<text class="codefun-shrink-0 font_3 codefun-ml-2">32</text>
<view
class="codefun-flex-col codefun-justify-start codefun-shrink-0 codefun-relative group_4 codefun-ml-2"
>
<text class="font_2">个， 需求</text>
<text class="font_3 pos_3">215</text>
<text class="font_2 text_2 pos_4">人， 已匹配</text>
<text class="font_3 pos_5">186</text>
<text class="font_2 pos_6">人</text>
</view>
</view>
<view class="codefun-flex-row equal-division section_3 codefun-mt-12">
<view class="codefun-flex-col codefun-items-center equal-division-item_1">
<image
class="image_7"
src="/static/images/codefun/8193a279dfd933588d29a34aa2aeefe7.png"
/>
<text class="font_4 text_3 mt-13">灵活用工</text>
</view>
<view
class="codefun-flex-col codefun-items-center equal-division-item_2 equal-division-item"
>
<image
class="image_7"
src="/static/images/codefun/b4ac84c6c037b7ab92fa371141ad88e0.png"
/>
<text class="font_4 text_4 mt-13">助农金融</text>
</view>
<view class="codefun-flex-col codefun-items-center equal-division-item_2 group_34">
<image
class="image_7"
src="/static/images/codefun/1ec00e65ad474de76b9efc3691acbbd1.png"
/>
<text class="font_4 text_5 mt-13">农资交易</text>
</view>
<view class="codefun-flex-col codefun-items-center equal-division-item_9 group_35">
<image
class="image_7"
src="/static/images/codefun/d6d66fa5331d2be60c7b0b66de6477e5.png"
/>
<text class="font_4 text_6 mt-13">农机服务</text>
</view>
<view class="codefun-flex-col codefun-items-center equal-division-item_10 group_1">
<image
class="image_7"
src="/static/images/codefun/aeaf23bed23b217a39c0c82cffb1bfb5.png"
/>
<text class="font_4 text_7 mt-13">更多</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-items-baseline codefun-mt-24">
<text class="font_5 text_8">灵活用工</text>
<text class="font_6 text_9">更多</text>
</view>
</view>
</view>
<view class="codefun-flex-col group_8">
<view class="codefun-flex-col section_4">
<view class="codefun-flex-row codefun-justify-between codefun-items-center">
<view class="codefun-flex-row">
<image class="image_8" src="/static/images/codefun/ce0934e2137d43264df416c99d587cad.png" />
<view class="codefun-flex-col codefun-items-start group_9 ml-11">
<text class="font_7">季节性用工</text>
<text class="font_9 text_11 mt-11">三农区域灵活用工服务</text>
</view>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_1">
<text class="font_8 text_10">去发布</text>
</view>
</view>
<view class="codefun-flex-col mt-19">
<view class="codefun-flex-row codefun-justify-between codefun-items-center">
<view class="codefun-flex-row">
<image
class="image_9"
src="/static/images/codefun/8b6fa6d1f9b4e2a53a33619c1f8ccff4.png"
/>
<view class="codefun-flex-col codefun-items-start group_10 ml-11">
<text class="font_7 text_12">农机手调度</text>
<text class="font_10 text_14 mt-11">专业人员作业安排</text>
</view>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_8 text_13">去预约</text>
</view>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-items-center codefun-mt-18">
<view class="codefun-flex-row codefun-items-center">
<image
class="image_9"
src="/static/images/codefun/06319419d17b7630c1d5bc415bcd26ef.png"
/>
<view class="codefun-flex-col codefun-items-start ml-11">
<text class="font_7 text_15">作业质量评价</text>
<text class="font_9 text_17 mt-11">农机定位精度≤50米</text>
</view>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_15">
<text class="font_8 text_16">去评价</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-mt-24">
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_11">
<text class="font_5 text_18">助农金融</text>
<text class="font_6 text_19">全部</text>
</view>
<view class="codefun-flex-row equal-division_2 section_1">
<view class="codefun-flex-col group_12 group_36">
<image
class="codefun-self-center image_10"
src="/static/images/codefun/c6120d23a50c05f74836335d75fc42e5.png"
/>
<text class="codefun-self-center font_11 text_20">惠农贷</text>
<text class="codefun-self-center font_11">振兴贷</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_2 view_1"
>
<text class="font_12 text_25">去对比</text>
</view>
</view>
<view class="section_5 horiz-divider" />
<view class="codefun-flex-col group_12 group_32">
<image
class="codefun-self-center image_10"
src="/static/images/codefun/c7e55ddfc537c95cfba831af3dee0dd7.png"
/>
<text class="codefun-self-center font_11 text_21">灾害险</text>
<text class="codefun-self-center font_11">价格险</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_14"
>
<text class="font_12 text_24">去选择</text>
</view>
</view>
<view class="section_5 horiz-divider" />
<view class="codefun-flex-col group_12 group_33">
<image
class="codefun-self-center image_10"
src="/static/images/codefun/4f8282213bb5e0b881853f4a2e005c99.png"
/>
<text class="codefun-self-stretch font_11 text_22">本县576人已申请</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_2 view_2"
>
<text class="font_12 text_25">去申请</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-mt-24">
<text class="codefun-self-start font_5 text_26">农资交易</text>
<view class="codefun-flex-col codefun-self-stretch section_6 codefun-mt-16">
<view class="grid">
<view class="codefun-flex-col grid-item_1">
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch section_7"
>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3"
>
<text class="font_13">政府背书</text>
</view>
</view>
<text class="codefun-self-start font text_27 codefun-mt-10">有机肥料</text>
<text class="codefun-self-start font_1 text_64 codefun-mt-10">¥220</text>
</view>
<view class="codefun-flex-col grid-item">
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch section_8"
>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3"
>
<text class="font_13">政府背书</text>
</view>
</view>
<text class="codefun-self-start font text_1 codefun-mt-10">种子套装</text>
<text class="codefun-self-start font_14 text_28 codefun-mt-10">¥65</text>
</view>
<view class="codefun-flex-col grid-item_1">
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch section_9"
>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3"
>
<text class="font_13">政府背书</text>
</view>
</view>
<text class="codefun-self-start font text_67 codefun-mt-10">复合肥</text>
<text class="codefun-self-start font_1 text_65 codefun-mt-10">¥125</text>
</view>
<view class="codefun-flex-col grid-item_3">
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch section_10"
>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3"
>
<text class="font_13">政府背书</text>
</view>
</view>
<text class="codefun-self-start font text_68 codefun-mt-10">养殖饲料</text>
<text class="codefun-self-start font_14 text_66 codefun-mt-10">¥65</text>
</view>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4 codefun-mt-14"
>
<text class="font_15 text_29">作业预约</text>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-mt-24">
<text class="codefun-self-start font_5">一站式解决农机问题</text>
<view class="codefun-flex-col codefun-self-stretch section_11">
<view class="codefun-flex-row equal-division_3">
<view class="codefun-flex-col equal-division-item_3 section_12">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<image
class="image_11"
src="/static/images/codefun/e9d22bb18119b11750e4ac8206873fed.png"
/>
<text class="font_5 text_30 ml-7">找农机</text>
</view>
<text class="codefun-self-start font_10 text_32 codefun-mt-10"
>谁家农机闲着？急用！</text
>
<view
class="codefun-flex-row codefun-justify-end codefun-items-center codefun-self-stretch group_13 codefun-mt-10"
>
<image
class="image_12 image_13"
src="/static/images/codefun/26a0e2c4b4289791cb8aa94f57e5fead.png"
/>
<text class="font_10 text_34">去找农机</text>
</view>
</view>
<view class="codefun-flex-col equal-division-item_3 section_13 ml-11">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<image
class="image_11"
src="/static/images/codefun/7e9e9f3d417af907691d5c49986b0437.png"
/>
<text class="font_5 text_31 ml-7">干农活</text>
</view>
<text class="codefun-self-start font_10 text_33 codefun-mt-10"
>我有农机具，接个活！</text
>
<view
class="codefun-flex-row codefun-justify-end codefun-items-center codefun-self-stretch codefun-mt-10"
>
<image
class="image_12 image_14"
src="/static/images/codefun/296e5d1e691ccb3507907c50da02c2ae.png"
/>
<text class="font_10 text_35">去找农机</text>
</view>
</view>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_4 codefun-mt-14"
>
<text class="font_15 text_29">作业预约</text>
</view>
<text class="codefun-self-center font_10 text_36 codefun-mt-14">紧急报修30分钟响应</text>
</view>
<view
class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch group_14"
>
<text class="font_5">一站式解决农机问题</text>
<text class="font_6 text_37">全部案例</text>
</view>
<view class="codefun-flex-col codefun-self-stretch section_14">
<view class="codefun-flex-row">
<view class="codefun-flex-col codefun-justify-start equal-division-item_3 section_15">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_5"
>
<text class="font_16">绿鲜农场</text>
</view>
</view>
<view class="codefun-flex-col codefun-justify-start equal-division-item_3 section_16 ml-11">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_5"
>
<text class="font_16">绿鲜农场</text>
</view>
</view>
</view>
<view class="codefun-flex-col group_15 codefun-mt-24">
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_16">
<view class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper">
<image
class="image_16"
src="/static/images/codefun/ddc5246c61923da3e926e67230daffd1.png"
/>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper">
<image
class="image_15"
src="/static/images/codefun/15c2bc548cf753d64ccb42b694f02ef5.png"
/>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper view"
>
<image
class="image_15"
src="/static/images/codefun/4c7a07198f2fefd52854cf70f21ac8b1.png"
/>
</view>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-mt-12">
<view class="codefun-flex-row codefun-items-center">
<text class="font_17 text_38">包装设计</text>
<image
class="codefun-shrink-0 image ml-23"
src="/static/images/codefun/b31cf305e90b1547bca2725e5a2ea5be.png"
/>
</view>
<view class="codefun-flex-row codefun-items-center">
<text class="font_17">区域品牌</text>
<image
class="codefun-shrink-0 image ml-23"
src="/static/images/codefun/b31cf305e90b1547bca2725e5a2ea5be.png"
/>
</view>
<text class="font_17 text_39">地标申报</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-mt-24">
<text class="codefun-self-start font_5 text_40">技能培训</text>
<view class="codefun-flex-col codefun-self-stretch codefun-mt-18">
<view class="codefun-flex-col codefun-justify-start section_17">
<view class="codefun-flex-row equal-division_4">
<view class="codefun-flex-col equal-division-item_4 group_17">
<text class="codefun-self-start font_10">09月</text>
<text class="codefun-self-center font_18 text_42 codefun-mt-6">10</text>
</view>
<view class="codefun-flex-col equal-division-item_4 group_21">
<text class="codefun-self-start font_10">09月</text>
<text class="codefun-self-center font_18 text_43 codefun-mt-6">11</text>
</view>
<view class="codefun-flex-col equal-division-item_4 group_18">
<text class="codefun-self-start font_6 text_41">09月</text>
<text class="codefun-self-center font_18 text_44 mt-7">12</text>
<view class="codefun-self-start section_18 mt-7" />
</view>
<view class="codefun-flex-col equal-division-item_4 group_23">
<text class="codefun-self-start font_10">09月</text>
<text class="codefun-self-center font_18 text_45 codefun-mt-6">13</text>
</view>
<view class="codefun-flex-col equal-division-item_4 group_24">
<text class="codefun-self-start font_10">09月</text>
<text class="codefun-self-center font_18 text_46 codefun-mt-6">14</text>
</view>
<view class="codefun-flex-col equal-division-item_4 group_25">
<text class="codefun-self-start font_10">09月</text>
<text class="codefun-self-center font_18 text_47 codefun-mt-6">15</text>
</view>
<view class="codefun-flex-col codefun-items-start equal-division-item_4 group_26">
<text class="font_10">09月</text>
<text class="font_18 text_48 codefun-mt-6">16</text>
</view>
</view>
</view>
<view
class="codefun-flex-row codefun-justify-between codefun-items-center codefun-relative section_19 codefun-mt-10"
>
<view class="codefun-flex-col">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<text class="font_19 text_49">09:30</text>
<text class="font_20 text_49 text_50 ml-15">有机农业种植技术</text>
</view>
<text class="codefun-self-center font_21 text_49 text_52 mt-11">农技专家指导授课</text>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_6">
<text class="font_8 text_51">报名</text>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_7 pos_7"
>
<text class="font_13 text_53">机</text>
</view>
</view>
<view class="codefun-flex-row codefun-justify-between section_20 codefun-mt-10">
<view class="codefun-flex-col codefun-self-center">
<view class="codefun-flex-row codefun-items-center">
<text class="font_19 text_49">14:00</text>
<text class="font_20 text_49 text_59 ml-15">有机农业种植技术</text>
</view>
<view class="codefun-flex-row codefun-items-end group_27 codefun-mt-8">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_9"
>
<text class="font_13 text_56">政</text>
</view>
<text class="font_9 text_49 text_57 codefun-ml-28">拖拉机专用技能</text>
</view>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-start text-wrapper_8"
>
<text class="font_6 text_55">查看</text>
</view>
</view>
<view
class="codefun-flex-row codefun-justify-between codefun-items-center codefun-relative section_19 codefun-mt-10"
>
<view class="codefun-flex-col">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<text class="font_19 text_49">09:30</text>
<text class="font_20 text_49 text_50 ml-15">有机农业种植技术</text>
</view>
<text class="codefun-self-center font_21 text_49 text_52 mt-11">农技专家指导授课</text>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_6">
<text class="font_8 text_51">报名</text>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_10 pos_8"
>
<text class="font_13 text_58">证</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.ml-5 {
margin-left: 10rpx;
}
.mt-15 {
margin-top: 30rpx;
}
.mt-13 {
margin-top: 26rpx;
}
.mt-19 {
margin-top: 38rpx;
}
.ml-7 {
margin-left: 14rpx;
}
.ml-11 {
margin-left: 22rpx;
}
.ml-23 {
margin-left: 46rpx;
}
.mt-7 {
margin-top: 14rpx;
}
.mt-11 {
margin-top: 22rpx;
}
.ml-15 {
margin-left: 30rpx;
}
.mt-21 {
margin-top: 42rpx;
}
.mt-5 {
margin-top: 10rpx;
}
.page {
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
padding-bottom: 20rpx;
.section {
padding: 2.28rpx 26.88rpx 53.02rpx 28rpx;
background-image: url('/static/images/codefun/7a5dc4ee864fe55da98b41c14ee3b931.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group {
padding-left: 16rpx;
.image_2 {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_4 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.image_5 {
width: 48rpx;
height: 22rpx;
}
}
.group_2 {
margin-top: 34rpx;
.group_3 {
padding: 9.04rpx 0 5.46rpx;
.text {
color: #ffffffe6;
line-height: 29.5rpx;
}
.image_6 {
width: 44rpx;
height: 44rpx;
}
.pos_2 {
position: absolute;
right: 1.12rpx;
top: 50%;
transform: translateY(-50%);
}
}
.section_2 {
padding: 22.5rpx 33.06rpx 13.96rpx;
background-color: #fff7ec;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.font_2 {
font-size: 28rpx;
line-height: 40rpx;
color: #000000;
}
.font_3 {
font-size: 28rpx;
line-height: 40rpx;
color: #fc8145;
}
.group_4 {
margin-right: 186.54rpx;
padding-bottom: 3.38rpx;
width: 355.96rpx;
.pos_3 {
position: absolute;
left: 131rpx;
top: 0;
}
.text_2 {
width: 183rpx;
}
.pos_4 {
position: absolute;
right: -18rpx;
top: 0;
}
.pos_5 {
position: absolute;
right: -39rpx;
top: 0;
}
.pos_6 {
position: absolute;
right: -80rpx;
}
}
}
.equal-division {
position: relative;
.equal-division-item_1 {
padding: 10rpx 0 10rpx;
width: 134rpx;
.text_3 {
line-height: 22.12rpx;
}
}
.equal-division-item_2 {
margin-left: 0;
.text_4 {
line-height: 22.34rpx;
}
.text_5 {
line-height: 22.42rpx;
}
}
.equal-division-item {
padding: 10rpx 0 10.1rpx;
width: 134rpx;
}
.image_7 {
border-radius: 24rpx;
width: 96rpx;
height: 96rpx;
}
.font_4 {
font-size: 24rpx;
line-height: 20.84rpx;
color: #1d2129;
}
.group_34 {
padding: 10rpx 0 10.04rpx;
width: 134rpx;
}
.equal-division-item_9 {
position: absolute;
right: 147rpx;
top: 6rpx;
.text_6 {
line-height: 22.12rpx;
}
}
.group_35 {
padding: 10rpx 0 10.12rpx;
width: 134rpx;
}
.equal-division-item_10 {
position: absolute;
right: 13rpx;
top: 6rpx;
.text_7 {
line-height: 22.18rpx;
}
}
.group_1 {
padding: 10rpx 0 10.1rpx;
width: 134rpx;
}
}
.section_3 {
padding: 6rpx 11rpx 17.48rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
}
.text_8 {
line-height: 29.5rpx;
}
.text_9 {
line-height: 22.18rpx;
}
}
}
.group_8 {
padding: 4rpx 25.38rpx 0 28rpx;
.section_4 {
margin-right: 2.62rpx;
padding: 30rpx 24rpx 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.image_8 {
border-radius: 40rpx;
width: 80rpx;
height: 80rpx;
}
.group_9 {
margin-top: 6.68rpx;
margin-bottom: 3.48rpx;
.text_11 {
line-height: 22.24rpx;
}
}
.text-wrapper_1 {
padding: 14.2rpx 0 11.56rpx;
background-color: #5db66f;
border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH;
width: 136rpx;
height: 48rpx;
.text_10 {
line-height: 22.24rpx;
}
}
.image_9 {
border-radius: 40rpx;
mix-blend-mode: NOTTHROUGH;
width: 80rpx;
height: 80rpx;
}
.group_10 {
margin-top: 6.54rpx;
margin-bottom: 3.52rpx;
.text_12 {
line-height: 25.92rpx;
}
.text_14 {
line-height: 22.22rpx;
}
}
.font_7 {
font-size: 28rpx;
line-height: 25.9rpx;
color: #333333;
}
.text-wrapper {
padding: 14.28rpx 0 11.64rpx;
background-color: #5db66f;
border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH;
width: 136rpx;
height: 48rpx;
.text_13 {
line-height: 22.08rpx;
}
}
.text_15 {
line-height: 26.04rpx;
}
.text_17 {
line-height: 22.32rpx;
}
.text-wrapper_15 {
padding: 14.26rpx 0 11.42rpx;
background-color: #5db66f;
border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH;
width: 136rpx;
height: 48rpx;
.text_16 {
line-height: 22.32rpx;
}
}
}
.group_11 {
padding-bottom: 31.42rpx;
.text_18 {
line-height: 29.8rpx;
}
.text_19 {
margin-right: 32rpx;
line-height: 22.3rpx;
}
}
.equal-division_2 {
margin-right: 2.62rpx;
.group_12 {
flex: 1 1 231.34rpx;
.image_10 {
width: 64rpx;
height: 64rpx;
}
.font_11 {
font-size: 28rpx;
line-height: 48rpx;
color: #333333;
}
.text_20 {
margin-top: 18.6rpx;
}
.text-wrapper_2 {
padding: 14.28rpx 0 11.64rpx;
background-color: #5db66f26;
border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH;
.text_25 {
line-height: 22.08rpx;
}
}
.view_1 {
margin-top: 13.4rpx;
}
.text_21 {
margin-top: 18.5rpx;
}
.text-wrapper_14 {
margin-top: 13.5rpx;
padding: 14.28rpx 0 11.56rpx;
background-color: #5db66f26;
border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH;
.text_24 {
line-height: 22.16rpx;
}
}
.font_12 {
font-size: 24rpx;
line-height: 20.84rpx;
color: #16a34a;
}
.text_22 {
margin: 18.72rpx 3.54rpx 0 2.46rpx;
text-align: center;
}
.view_2 {
margin-top: 13.3rpx;
}
}
.group_36 {
padding: 10rpx 47.34rpx 10rpx 48rpx;
}
.section_5 {
flex-shrink: 0;
margin: 22rpx 0 14rpx;
}
.horiz-divider {
background-color: #fafafa;
width: 2rpx;
height: 224rpx;
}
.group_32 {
padding: 10rpx 46.66rpx 10rpx 48.66rpx;
}
.group_33 {
padding: 10rpx 46rpx 10rpx 49.34rpx;
}
}
.section_1 {
padding: 26rpx 0 18rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
}
.text_26 {
line-height: 29.88rpx;
}
.section_6 {
margin-right: 2.62rpx;
padding: 24rpx 24rpx 20rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.grid {
height: 608rpx;
display: grid;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 26rpx;
column-gap: 28rpx;
.grid-item_1 {
padding-bottom: 18.74rpx;
background-color: #f9fafb;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.section_7 {
padding: 20rpx 0 130rpx;
border-radius: 16rpx 16rpx 0rpx 0rpx;
background-image: url('/static/images/codefun/6082011896d83113283c720e943a4999.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.text_27 {
margin-left: 25.28rpx;
line-height: 29.48rpx;
}
.font_1 {
font-size: 32rpx;
line-height: 23.38rpx;
color: #5db66f;
}
.text_64 {
margin-left: 24.24rpx;
}
.section_9 {
padding: 20rpx 0 130rpx;
border-radius: 16rpx 16rpx 0rpx 0rpx;
background-image: url('/static/images/codefun/7a4ec325d59361d6716c2ec1394550bb.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.text_67 {
margin-left: 27.06rpx;
}
.text_65 {
margin-left: 26.24rpx;
}
}
.grid-item {
padding-bottom: 18.74rpx;
background-color: #f9fafb;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.section_8 {
padding: 20rpx 0 130rpx;
border-radius: 16rpx 16rpx 0rpx 0rpx;
background-image: url('/static/images/codefun/e812ea5af6105a808af058cb0796b7ee.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.text_1 {
margin-left: 24.74rpx;
line-height: 29.6rpx;
}
.text_28 {
margin-left: 24.24rpx;
}
}
.text-wrapper_3 {
padding: 5.72rpx 0 5.58rpx;
background-color: #4cd964;
border-radius: 0rpx 8rpx 8rpx 0rpx;
mix-blend-mode: NOTTHROUGH;
width: 108rpx;
}
.grid-item_3 {
padding-bottom: 18.74rpx;
background-color: #f9fafb;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.section_10 {
padding: 20rpx 0 130rpx;
border-radius: 16rpx 16rpx 0rpx 0rpx;
background-image: url('/static/images/codefun/e1d1e83ba1f6592210e646c5b6ca5b53.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.text_68 {
margin-left: 27.12rpx;
line-height: 29.88rpx;
}
.text_66 {
margin-left: 26.24rpx;
}
}
.font_14 {
font-size: 32rpx;
line-height: 23.08rpx;
color: #5db66f;
}
}
}
.section_11 {
margin-right: 2.62rpx;
margin-top: 31.4rpx;
padding: 28rpx 24rpx 23.44rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.equal-division_3 {
align-self: stretch;
.section_12 {
padding: 20rpx 20rpx 18rpx;
background-color: #fff7ec;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
height: 182rpx;
}
.section_13 {
padding: 20rpx 20rpx 18rpx;
background-color: #f5fcff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
height: 182rpx;
}
}
.text_36 {
line-height: 22.44rpx;
}
}
.font_10 {
font-size: 24rpx;
line-height: 20.84rpx;
color: #999999;
}
.text-wrapper_4 {
padding: 24.68rpx 0 21.58rpx;
background-color: #5db66f;
border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH;
.font_15 {
font-size: 28rpx;
line-height: 25.9rpx;
color: #ffffff;
}
.text_29 {
line-height: 25.74rpx;
}
}
.group_14 {
padding: 43.04rpx 0 35.4rpx;
.text_37 {
line-height: 22.36rpx;
}
}
.section_14 {
margin-right: 2.62rpx;
padding: 24rpx 24rpx 56.28rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.section_15 {
padding-top: 96rpx;
background-image: url('/static/images/codefun/7d1feb7eb973f087dcabf21b283162bc.png');
background-size: 100% 100%;
background-repeat: no-repeat;
height: 200rpx;
}
.section_16 {
padding-top: 96rpx;
background-image: url('/static/images/codefun/8d11e3cbcb918502bb6582a24cddb930.png');
background-size: 100% 100%;
background-repeat: no-repeat;
height: 200rpx;
}
.group_15 {
padding-left: 40.98rpx;
padding-right: 38.42rpx;
.group_16 {
padding: 0 31.02rpx;
.image-wrapper {
width: 48rpx;
.image_16 {
width: 38rpx;
height: 38rpx;
}
.image_15 {
width: 48rpx;
height: 48rpx;
}
}
.view {
margin-right: 5.9rpx;
}
}
.font_17 {
font-size: 28rpx;
line-height: 25.9rpx;
color: #000000;
}
.text_38 {
line-height: 26.04rpx;
}
.image {
mix-blend-mode: NOTTHROUGH;
width: 12rpx;
height: 22rpx;
}
.text_39 {
line-height: 25.82rpx;
}
}
}
.equal-division-item_3 {
flex: 1 1 312rpx;
.image_11 {
border-radius: 50%;
width: 48rpx;
height: 48rpx;
}
.text_30 {
color: #29221d;
line-height: 29.5rpx;
}
.text_32 {
line-height: 22.36rpx;
}
.group_13 {
padding: 0 5.28rpx;
.image_13 {
margin-right: -126.72rpx;
}
.text_34 {
margin-right: 163.44rpx;
color: #fb8146;
line-height: 22.12rpx;
}
}
.text_31 {
color: #1d2229;
line-height: 29.5rpx;
}
.text_33 {
line-height: 22.76rpx;
}
.image_14 {
margin-right: -126.72rpx;
}
.text_35 {
margin-right: 172.72rpx;
color: #4f97f3;
line-height: 22.12rpx;
}
.text-wrapper_5 {
padding: 55.04rpx 0 19.4rpx;
background-image: linear-gradient(180.1deg, #5db66f00 0.2%, #5db66f 99.8%);
border-radius: 0rpx 0rpx 16rpx 16rpx;
mix-blend-mode: NOTTHROUGH;
.font_16 {
font-size: 32rpx;
line-height: 29.56rpx;
color: #ffffff;
}
}
}
.text_40 {
line-height: 29.64rpx;
}
.section_17 {
margin-right: 2.62rpx;
padding-bottom: 2.12rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.equal-division_4 {
padding: 0 14.68rpx;
.equal-division-item_4 {
flex: 1 1 94.66rpx;
.font_18 {
font-size: 28rpx;
line-height: 20.84rpx;
font-weight: 600;
color: #000000;
}
.text_42 {
line-height: 20.46rpx;
}
.text_43 {
line-height: 20rpx;
}
.text_41 {
margin-left: 9.34rpx;
}
.text_44 {
color: #5db66f;
line-height: 20.18rpx;
}
.section_18 {
background-color: #5db66f;
mix-blend-mode: NOTTHROUGH;
width: 64rpx;
height: 8rpx;
}
.text_45 {
line-height: 20.46rpx;
}
.text_46 {
line-height: 20rpx;
}
.text_47 {
line-height: 20.28rpx;
}
.text_48 {
margin-left: 12.98rpx;
line-height: 20.28rpx;
}
}
.group_17 {
padding: 19.58rpx 10.66rpx 22.02rpx;
}
.group_21 {
padding: 19.58rpx 10rpx 22.32rpx;
}
.group_18 {
padding-top: 19.58rpx;
}
.group_23 {
padding: 19.58rpx 8.66rpx 22.02rpx;
}
.group_24 {
padding: 19.58rpx 8rpx 22.32rpx;
}
.group_25 {
padding: 19.58rpx 7.36rpx 22.04rpx;
}
.group_26 {
padding: 19.58rpx 6.7rpx 22.04rpx;
}
}
}
.section_19 {
margin-right: 2.62rpx;
padding: 34.92rpx 24rpx 35.58rpx 25.8rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.text_50 {
line-height: 29.64rpx;
}
.font_21 {
font-size: 24rpx;
line-height: 20.84rpx;
color: #666666;
}
.text_52 {
line-height: 22.28rpx;
}
.text-wrapper_6 {
padding: 14.24rpx 0 11.56rpx;
background-color: #5db66f;
border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH;
width: 160rpx;
height: 48rpx;
.text_51 {
line-height: 22.2rpx;
}
}
.text-wrapper_7 {
padding: 11.92rpx 0 9.68rpx;
background-image: linear-gradient(139.9deg, #f5a779 15%, #fc7e41 84.4%);
border-radius: 19998rpx;
mix-blend-mode: NOTTHROUGH;
width: 40rpx;
.text_53 {
line-height: 18.4rpx;
}
}
.pos_7 {
position: absolute;
left: 48rpx;
top: 80rpx;
}
.text-wrapper_10 {
padding: 12.44rpx 0 10.24rpx;
background-image: linear-gradient(139.9deg, #41e762 18.4%, #3dbc5f 74.8%);
border-radius: 19998rpx;
mix-blend-mode: NOTTHROUGH;
width: 40rpx;
.text_58 {
line-height: 17.32rpx;
}
}
.pos_8 {
position: absolute;
left: 44rpx;
top: 80rpx;
}
}
.font_8 {
font-size: 24rpx;
line-height: 20.84rpx;
color: #ffffff;
}
.font_13 {
font-size: 20rpx;
line-height: 18.7rpx;
color: #ffffff;
}
.section_20 {
margin-right: 2.62rpx;
padding: 34.92rpx 24rpx 24rpx 26.66rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.text_59 {
line-height: 29.64rpx;
}
.group_27 {
padding: 0 17.34rpx;
.text-wrapper_9 {
padding: 11.92rpx 0 9.64rpx;
background-image: linear-gradient(139.9deg, #4fc6fd 15%, #4f8ef1 84.4%);
border-radius: 19998rpx;
mix-blend-mode: NOTTHROUGH;
width: 40rpx;
height: 40rpx;
.text_56 {
line-height: 18.44rpx;
}
}
.text_57 {
margin-bottom: 3.5rpx;
line-height: 22.36rpx;
}
}
.text-wrapper_8 {
margin-top: 13.08rpx;
padding: 14.3rpx 0 11.58rpx;
background-color: #5db66f33;
border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH;
width: 160rpx;
height: 48rpx;
.text_55 {
line-height: 22.12rpx;
}
}
}
.font_19 {
font-size: 32rpx;
line-height: 23.38rpx;
color: #333333;
}
.text_49 {
text-transform: uppercase;
}
.font_20 {
font-size: 32rpx;
line-height: 29.56rpx;
color: #333333;
}
.font_9 {
font-size: 24rpx;
line-height: 20.84rpx;
color: #6b7280;
}
}
.font_5 {
font-size: 32rpx;
line-height: 29.56rpx;
font-weight: 600;
color: #333333;
}
.font_6 {
font-size: 24rpx;
line-height: 20.84rpx;
color: #5db66f;
}
.font {
font-size: 32rpx;
line-height: 29.56rpx;
color: #000000;
}
.equal-division_5 {
padding: 10rpx 8.16rpx 14.66rpx;
background-color: #ffffff;
mix-blend-mode: NOTTHROUGH;
border-top: solid 1rpx #e7e7e7;
.group_19 {
flex: 1 1 146.74rpx;
.font_22 {
font-size: 20rpx;
line-height: 18.54rpx;
color: #666666;
}
.font_24 {
font-size: 20rpx;
line-height: 18.44rpx;
color: #666666;
}
}
.equal-division-item_8 {
padding: 12rpx 0 11.54rpx;
}
.group_29 {
padding: 12rpx 0 10rpx;
}
.group_30 {
padding: 12rpx 0 11.58rpx;
}
.group_31 {
padding: 12rpx 0 11.38rpx;
}
}
.image_12 {
width: 32rpx;
height: 32rpx;
}
}
</style>
src/pages/nongchang/nongchang.vue 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">
<view class="codefun-flex-col mt-21">
<text class="codefun-self-center font text">农场</text>
<view class="codefun-flex-col codefun-self-stretch mt-19">
<view class="codefun-flex-row codefun-items-center section_2">
<image class="image_5" src="/static/images/codefun/b8d30fcc0b08b881a41c8b3e35b7f8ac.png" />
<text class="codefun-ml-8 font_2 text_2">请输入搜索内容</text>
</view>
<view class="codefun-mt-14 codefun-flex-row equal-division section_3">
<view class="codefun-flex-col codefun-items-center equal-division-item">
<image
class="image_6"
src="/static/images/codefun/e683f9d10dc21da45abffbfa4c56fffb.png"
/>
<text class="font_3 text_3 mt-13">监测预警</text>
</view>
<view class="codefun-flex-col codefun-items-center group_3 equal-division-item">
<image
class="image_6"
src="/static/images/codefun/afdf5cf91bb1832ec12b89ba1f8a4a22.png"
/>
<text class="font_3 text_4 mt-13">农业模型</text>
</view>
<view class="codefun-flex-col codefun-items-center group_3 equal-division-item_2">
<image
class="image_6"
src="/static/images/codefun/8ce0f7de048a5d10fd901fa4caee40fd.png"
/>
<text class="font_3 text_5 mt-13">基地管理</text>
</view>
<view class="codefun-flex-col codefun-items-center group_4 equal-division-item_2">
<image
class="image_6"
src="/static/images/codefun/bc6853d7f464c445f1d6cc5f3b37103d.png"
/>
<text class="font_3 text_6 mt-13">信用中心</text>
</view>
<view class="codefun-flex-col codefun-items-center equal-division-item_3 group_5">
<image
class="image_6"
src="/static/images/codefun/104cbc5dca418b07e6933d2e953db1d8.png"
/>
<text class="font_3 text_7 mt-13">灵活用工</text>
</view>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-relative group_6">
<view class="codefun-flex-col section_4">
<text class="codefun-self-center font text_8">张家界水稻农场</text>
<view class="codefun-flex-row codefun-justify-center codefun-self-stretch group_7">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_4 text_9">32.5亩</text>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_2 ml-3">
<text class="font_4 text_10">水稻、油菜</text>
</view>
</view>
<view class="codefun-flex-row codefun-items-start equal-division_2 section_5">
<view class="codefun-flex-col codefun-items-center equal-division-item_4">
<text class="font_5 text_11">适宜</text>
<text class="font_4 text_14 mt-5">⼟壤墒情</text>
</view>
<view class="codefun-flex-col codefun-items-center group_8 equal-division-item_4">
<text class="font_5 text_12">中等</text>
<text class="font_4 text_15 mt-5">病虫害风险</text>
</view>
<view class="codefun-flex-col codefun-items-center group_9 equal-division-item_4">
<text class="font_5 text_13">25mm</text>
<text class="codefun-mt-6 font_4 text_16">7天降水</text>
</view>
</view>
</view>
<view class="codefun-flex-col group_10">
<view class="codefun-flex-row codefun-justify-between codefun-items-center">
<text class="font">农业大模型</text>
<text class="font_6 text_17">全部</text>
</view>
<view class="codefun-flex-col mt-17">
<view class="codefun-flex-col codefun-justify-start section_6">
<view class="codefun-flex-row equal-division_3">
<view class="codefun-flex-col equal-division-item_5 group_11">
<image
class="codefun-self-center image_7"
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>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-start text-wrapper_3"
>
<text class="font_8 text_24">查看介绍</text>
</view>
</view>
<view class="section_7 horiz-divider" />
<view class="codefun-flex-col equal-division-item_5 group_12">
<view class="codefun-flex-col codefun-items-center codefun-self-stretch group_13">
<image
class="image_7"
src="/static/images/codefun/2716e8578a8409fc69b6b25ca47dd988.png"
/>
<text class="font_5 text_19 mt-11">作物生长监测</text>
<text class="font_4 text_23 mt-11">AI识别生长状况</text>
</view>
<view
class="codefun-mt-34 codefun-flex-col codefun-justify-start codefun-items-center codefun-self-center text-wrapper_3 view"
>
<text class="font_8 text_24">查看介绍</text>
</view>
</view>
<view class="section_7 horiz-divider" />
<view class="codefun-flex-col equal-division-item_5 group_14">
<image
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_7 text_22">基于作物生长状况产能构建模型</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-end text-wrapper_3"
>
<text class="font_8 text_24">查看介绍</text>
</view>
</view>
</view>
</view>
<view class="codefun-mt-12 codefun-flex-col section_8">
<view class="codefun-flex-row equal-division_4">
<view class="codefun-flex-row codefun-justify-center equal-division-item_6 section_9">
<text class="codefun-self-start font_9 text_25">找人干活</text>
<image
class="codefun-self-center image_8 ml-9"
src="/static/images/codefun/e12b4605ec265981ebf23e742ae09d77.png"
/>
</view>
<view
class="codefun-flex-row codefun-justify-evenly equal-division-item_6 section_10 ml-11"
>
<text class="codefun-self-start font_9 text_26">出工赚钱</text>
<image
class="codefun-self-center image_9"
src="/static/images/codefun/abc27711926ec08e17bd512f96740931.png"
/>
</view>
</view>
<text class="codefun-self-start font_10 text_27 mt-7">1个进行中 3个已完成</text>
</view>
</view>
</view>
<view class="codefun-flex-col group_15">
<view class="codefun-flex-row codefun-justify-between codefun-items-baseline">
<text class="font text_28">基地管理</text>
<text class="font_6 text_29">更多</text>
</view>
<view class="codefun-flex-row equal-division_5 mt-17">
<view class="codefun-flex-col codefun-items-start section_11 equal-division-item_7">
<image class="image_10" src="/static/images/codefun/652ff68221e41e59bd253d90a260a9d2.png" />
<text class="font_11 text_30">基础信息</text>
<view class="group_16">
<text class="font_12">3</text>
<text class="font_10 text_35">个</text>
</view>
</view>
<view class="codefun-flex-col codefun-items-start section_11 equal-division-item_7 ml-9">
<image class="image_5" src="/static/images/codefun/73f2cd7926e10ad8d0222682c6f0dd44.png" />
<text class="font_11 text_31">作物管理</text>
<view class="group_17">
<text class="font_12">3</text>
<text class="font_10 text_38">种</text>
</view>
</view>
<view class="codefun-flex-col codefun-items-start section_11 equal-division-item_7 ml-9">
<image class="image_5" src="/static/images/codefun/d5224faf803b94f41aea2c682a8b30fe.png" />
<text class="font_11 text_32">农资管理</text>
<view class="group_18">
<text class="font_12 text_36">4</text>
<text class="font_10 text_39">项</text>
</view>
</view>
<view class="codefun-flex-col codefun-items-start section_11 equal-division-item_7 ml-9">
<image class="image_5" src="/static/images/codefun/9489121f8d1fa3d7847a2ef3e45b8753.png" />
<text class="font_11 text_33">销售记录</text>
<view class="group_19">
<text class="font_12 text_37">5</text>
<text class="font_10 text_40">笔</text>
</view>
</view>
<view class="codefun-flex-col codefun-items-start section_11 equal-division-item_7 ml-9">
<image class="image_5" src="/static/images/codefun/68ae1a4d9d9f5bcd80dd2a4603ac7cdf.png" />
<text class="font_11 text_34">收支概览</text>
<view class="group_20">
<text class="font_12">8300</text>
<text class="font_10 text_41">元</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col group_21">
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_22">
<text class="font text_42">监测预警</text>
<text class="font_6 text_43 text_44">更多</text>
</view>
<view class="codefun-flex-col section_12">
<view class="codefun-flex-row codefun-items-center group_23">
<view class="codefun-flex-col codefun-items-end codefun-shrink-0">
<text class="font_13 text_45">80</text>
<text class="codefun-mt-16 font_13 text_46">60</text>
<text class="codefun-mt-16 font_13 text_47">40</text>
<text class="codefun-mt-16 font_13 text_48">20</text>
<text class="codefun-mt-16 font_13 text_49">0</text>
</view>
<view class="codefun-flex-col codefun-flex-1 codefun-relative group_24 ml-7">
<view class="divider" />
<view class="divider view_2" />
<view class="divider view_3" />
<view
class="codefun-flex-col codefun-justify-start codefun-items-start image-wrapper pos_2"
>
<image
class="codefun-shrink-0 image_11"
src="/static/images/codefun/fb791ee7e711cfb556043cb81d3c32b1.png"
/>
</view>
<view class="divider pos" />
<view class="divider pos_3" />
</view>
</view>
<view class="codefun-mt-10 codefun-flex-col codefun-justify-start group_25">
<view class="codefun-flex-row equal-division_6">
<view class="codefun-flex-col codefun-items-center section_13 equal-division-item_8">
<image
class="image_12"
src="/static/images/codefun/68bae99a74dc71e194d799ee24c1f023.png"
/>
<view
class="codefun-mt-4 codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4"
>
<text class="font_10 text_50">气象灾害</text>
</view>
<view
class="codefun-mt-4 codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4"
>
<text class="font_10 text_53">台风预警</text>
</view>
</view>
<view class="codefun-flex-col section_13 equal-division-item_8 ml-11">
<image
class="codefun-self-center image_12"
src="/static/images/codefun/29bc217d767c53f1f4968ddcf08b6d85.png"
/>
<view
class="codefun-mt-4 codefun-flex-col codefun-items-center codefun-self-stretch"
>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4"
>
<text class="font_10 text_51">作物倒伏</text>
</view>
<view
class="codefun-mt-4 codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4"
>
<text class="font_10 text_54">中等风险</text>
</view>
</view>
</view>
<view class="codefun-flex-col section_13 section_14 ml-11">
<image
class="codefun-self-center image_12"
src="/static/images/codefun/143013b1c946e75b10133de0db6d9c7f.png"
/>
<view
class="codefun-mt-4 codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_5"
>
<text class="font_10 text_52">病虫害风险</text>
</view>
<view
class="codefun-mt-4 codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_5"
>
<text class="font_10 text_55">水稻稻瘟病</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col group_26 view_4">
<view class="codefun-flex-row codefun-justify-between codefun-items-baseline">
<text class="font text_56">智能设备</text>
<text class="font_6 text_57">设备管理</text>
</view>
<view class="codefun-flex-row group_26 mt-17">
<view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-shrink-0 codefun-relative section_15"
>
<image class="image_13" src="/static/images/codefun/8bd62352939b47e71f09a93a6ab344b2.png" />
<view class="codefun-ml-8 codefun-flex-col">
<text class="font_14 text_58">土壤监测仪</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
class="codefun-ml-10 codefun-flex-row codefun-justify-center codefun-items-center codefun-shrink-0 codefun-relative section_16"
>
<image class="image_13" src="/static/images/codefun/81937c2666c800cf5966c29c2891b7c4.png" />
<view class="codefun-ml-8 codefun-flex-col group_27">
<text class="codefun-self-start font_14">监测仪A</text>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch mt-11">
<view class="section_18" />
<text class="font_4 text_60 ml-5">掉线</text>
</view>
</view>
</view>
<view
class="codefun-ml-10 codefun-flex-col codefun-justify-start codefun-items-end codefun-shrink-0 image-wrapper_2"
>
<image class="image_14" src="/static/images/codefun/19abb0a037c06fb192e34b7374ebbd2a.png" />
</view>
</view>
</view>
<view class="codefun-flex-col group_28">
<text class="codefun-self-start font text_61">信用中心</text>
<view
class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch section_19 mt-21"
>
<image class="image_15" src="/static/images/codefun/fece3647f209c46ff19855722cffc960.png" />
<view class="codefun-flex-col codefun-items-start group_29">
<text class="text_62">726</text>
<text class="font_5 text_63 mt-13">信用评级：良好</text>
<text class="font_10 text_64 mt-13">完善信息提升20分</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_6 mt-13"
>
<text class="font_15 text_65">查看金融服务</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col group_30">
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_22">
<text class="font text_66">农技学习</text>
<text class="font_6 text_43 text_67">查看更多</text>
</view>
<view class="codefun-flex-col section_20">
<text class="codefun-self-start font_2 text_68">专家实录—鸡饲养技术</text>
<view
class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch group_31"
>
<view class="codefun-flex-row codefun-items-center">
<image
class="codefun-shrink-0 image_16"
src="/static/images/codefun/893f216142f5ca20cf9f2496d9b793c8.png"
/>
<text class="font_15 text_69 ml-5">张教授</text>
</view>
<text class="font_15 text_70">23:15｜2.3万次播放</text>
</view>
<view class="codefun-flex-row codefun-justify-center codefun-self-stretch group_32">
<view class="section_21" />
<view
class="codefun-ml-8 codefun-flex-row codefun-justify-start codefun-items-center image-wrapper_3"
>
<image
class="image_17"
src="/static/images/codefun/d2f4116cc0ab402e57bdbd7aa4dead94.png"
/>
</view>
<view class="codefun-ml-8 section_22" />
<view
class="codefun-ml-8 codefun-flex-row codefun-justify-start codefun-items-center image-wrapper_3"
>
<image
class="image_17"
src="/static/images/codefun/d2f4116cc0ab402e57bdbd7aa4dead94.png"
/>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.mt-19 {
margin-top: 38rpx;
}
.ml-3 {
margin-left: 6rpx;
}
.mt-7 {
margin-top: 14rpx;
}
.ml-9 {
margin-left: 18rpx;
}
.ml-7 {
margin-left: 14rpx;
}
.ml-11 {
margin-left: 22rpx;
}
.mt-17 {
margin-top: 34rpx;
}
.mt-11 {
margin-top: 22rpx;
}
.mt-5 {
margin-top: 10rpx;
}
.mt-21 {
margin-top: 42rpx;
}
.mt-13 {
margin-top: 26rpx;
}
.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: 3888rpx;
.section {
padding: 28rpx 28rpx 116rpx;
background-image: url('/static/images/codefun/7a5dc4ee864fe55da98b41c14ee3b931.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 {
color: #ffffffe6;
line-height: 29.28rpx;
}
.section_2 {
padding: 16rpx 18rpx;
background-color: #ffffff4d;
border-radius: 1998rpx;
mix-blend-mode: NOTTHROUGH;
border-left: solid 1rpx #ffffff7d;
border-right: solid 1rpx #ffffff7d;
border-top: solid 1rpx #ffffff7d;
border-bottom: solid 1rpx #ffffff7d;
.text_2 {
line-height: 25.5rpx;
}
}
.equal-division {
position: relative;
.equal-division-item {
padding: 8rpx 0;
width: 134rpx;
.text_3 {
line-height: 21.88rpx;
}
}
.group_3 {
margin-left: 0;
.text_4 {
line-height: 21.98rpx;
}
.text_5 {
line-height: 21.98rpx;
}
}
.image_6 {
border-radius: 24rpx;
width: 96rpx;
height: 96rpx;
}
.font_3 {
font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #1d2129;
}
.equal-division-item_2 {
padding: 8rpx 0;
width: 134rpx;
}
.group_4 {
position: absolute;
right: 147rpx;
top: 6rpx;
.text_6 {
line-height: 22.06rpx;
}
}
.equal-division-item_3 {
position: absolute;
right: 13rpx;
top: 6rpx;
.text_7 {
line-height: 21.08rpx;
}
}
.group_5 {
padding: 8rpx 0;
width: 134rpx;
}
}
.section_3 {
padding: 6rpx 12rpx 16rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
}
}
.group_6 {
margin-top: -92rpx;
padding-left: 28rpx;
.section_4 {
margin-right: 28rpx;
padding: 28rpx 28rpx 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.text_8 {
line-height: 29.88rpx;
}
.group_7 {
margin-top: 16rpx;
.text-wrapper {
padding: 8rpx 0;
border-radius: 8rpx;
width: 94rpx;
height: 40rpx;
border-left: solid 2rpx #4f90f1;
border-right: solid 2rpx #4f90f1;
border-top: solid 2rpx #4f90f1;
border-bottom: solid 2rpx #4f90f1;
.text_9 {
color: #4f90f1;
line-height: 17.84rpx;
}
}
.text-wrapper_2 {
padding: 8rpx 0;
border-radius: 8rpx;
width: 132rpx;
height: 40rpx;
border-left: solid 2rpx #5db66f;
border-right: solid 2rpx #5db66f;
border-top: solid 2rpx #5db66f;
border-bottom: solid 2rpx #5db66f;
.text_10 {
color: #5db66f;
line-height: 18.14rpx;
}
}
}
.equal-division_2 {
position: relative;
align-self: flex-end;
margin-top: 12rpx;
.equal-division-item_4 {
padding: 12rpx 0;
width: 113.96rpx;
.text_11 {
color: #5db66f;
line-height: 24.62rpx;
}
.text_14 {
line-height: 18.98rpx;
}
}
.group_8 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
.text_12 {
color: #fc8145;
}
.text_15 {
line-height: 18.5rpx;
}
}
.group_9 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
.text_13 {
color: #4f90f1;
line-height: 20rpx;
}
.text_16 {
line-height: 18.52rpx;
}
}
}
.section_5 {
padding: 12rpx 0;
background-color: #f2faf3;
border-radius: 8rpx;
mix-blend-mode: NOTTHROUGH;
width: 414rpx;
}
}
.group_10 {
margin-top: 44rpx;
.text_17 {
margin-right: 28rpx;
line-height: 21.86rpx;
}
.section_6 {
margin-right: 28rpx;
padding: 16rpx 0;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.equal-division_3 {
padding: 0 36rpx;
.equal-division-item_5 {
flex: 1 1 207.64rpx;
.image_7 {
width: 64rpx;
height: 64rpx;
}
.text_18 {
margin-top: 20rpx;
line-height: 25.42rpx;
}
.font_7 {
font-size: 20rpx;
font-family: AlibabaPuHuiTi;
line-height: 32rpx;
color: #666666;
}
.text_21 {
margin-left: 8rpx;
margin-top: 16rpx;
text-align: center;
width: 118rpx;
}
.text-wrapper_3 {
margin-top: 36rpx;
padding: 12rpx 0;
background-color: #5db66f26;
border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH;
width: 136rpx;
.font_8 {
font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #16a34a;
}
.text_24 {
line-height: 22.08rpx;
}
}
.group_13 {
padding: 8rpx 0;
.text_19 {
line-height: 25.62rpx;
}
.text_23 {
line-height: 18.28rpx;
}
}
.view {
margin-top: 0;
}
.text_20 {
margin-right: 12rpx;
margin-top: 20rpx;
line-height: 25.9rpx;
}
.text_22 {
margin-top: 16rpx;
text-align: center;
width: 138rpx;
}
}
.group_11 {
padding: 8rpx 12rpx 26rpx;
}
.section_7 {
margin: 10rpx 0;
}
.horiz-divider {
background-color: #fafafa;
width: 2rpx;
height: 288rpx;
}
.group_12 {
padding: 0 20rpx 26rpx;
}
.group_14 {
padding: 8rpx 8rpx 26rpx;
}
}
}
.section_8 {
margin-right: 28rpx;
padding: 28rpx 28rpx 12rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.equal-division_4 {
align-self: stretch;
.equal-division-item_6 {
flex: 1 1 308rpx;
.font_9 {
font-size: 32rpx;
font-family: AlibabaPuHuiTi;
line-height: 29.32rpx;
color: #1d2129;
}
.text_25 {
line-height: 28.96rpx;
}
.image_8 {
mix-blend-mode: NOTTHROUGH;
width: 94rpx;
height: 106rpx;
}
.text_26 {
line-height: 29.82rpx;
}
.image_9 {
mix-blend-mode: NOTTHROUGH;
width: 118rpx;
height: 98rpx;
}
}
.section_9 {
padding: 28rpx 32rpx 4rpx;
background-color: #fff7ec;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
height: 142rpx;
}
.section_10 {
padding: 28rpx 16rpx 12rpx 36rpx;
background-color: #f5fcff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
height: 142rpx;
}
}
.text_27 {
color: #00000099;
line-height: 40rpx;
width: 240rpx;
}
}
}
.font_5 {
font-size: 28rpx;
font-family: AlibabaPuHuiTi;
line-height: 25.56rpx;
color: #333333;
}
.group_15 {
margin-top: 44rpx;
.text_28 {
color: #000000;
}
.text_29 {
margin-right: 28rpx;
line-height: 22.24rpx;
}
.equal-division_5 {
margin-right: 28rpx;
.section_11 {
flex: 1 1 124rpx;
.image_10 {
mix-blend-mode: NOTTHROUGH;
width: 32rpx;
height: 32rpx;
}
.font_11 {
font-size: 24rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #666666;
}
.text_30 {
margin-top: 12rpx;
line-height: 21.76rpx;
}
.group_16 {
margin-left: 4rpx;
margin-top: 28rpx;
line-height: 22.84rpx;
.text_35 {
line-height: 21.62rpx;
}
}
.text_31 {
margin-top: 12rpx;
line-height: 21.98rpx;
}
.group_17 {
margin-top: 24rpx;
line-height: 22.84rpx;
.text_38 {
line-height: 21.76rpx;
}
}
.font_12 {
font-size: 32rpx;
font-family: AlibabaPuHuiTi;
line-height: 22.84rpx;
color: #000000;
}
.text_32 {
margin-top: 12rpx;
line-height: 22.12rpx;
}
.group_18 {
margin-top: 28rpx;
line-height: 22.2rpx;
.text_36 {
line-height: 22.2rpx;
}
.text_39 {
line-height: 20.14rpx;
}
}
.text_33 {
margin-top: 12rpx;
line-height: 21.74rpx;
}
.group_19 {
margin-left: 4rpx;
margin-top: 28rpx;
line-height: 22.52rpx;
.text_37 {
line-height: 22.52rpx;
}
.text_40 {
line-height: 21.46rpx;
}
}
.text_34 {
margin-left: 4rpx;
margin-top: 12rpx;
line-height: 22.04rpx;
}
.group_20 {
margin-left: 4rpx;
margin-top: 24rpx;
line-height: 22.84rpx;
.text_41 {
line-height: 20.32rpx;
}
}
}
.equal-division-item_7 {
padding: 32rpx 12rpx 24rpx;
background-color: #ffffff;
border-radius: 8rpx;
mix-blend-mode: NOTTHROUGH;
height: 172rpx;
}
}
}
.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;
}
.group_21 {
margin-top: 44rpx;
.section_12 {
margin-right: 28rpx;
padding: 0 24rpx 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.group_23 {
padding-left: 8rpx;
padding-top: 36rpx;
.font_13 {
font-size: 24rpx;
font-family: Inter;
line-height: 18.3rpx;
color: #89909d;
}
.text_45 {
line-height: 17.94rpx;
}
.text_46 {
line-height: 17.96rpx;
}
.text_47 {
line-height: 17.94rpx;
}
.text_48 {
line-height: 17.94rpx;
}
.text_49 {
line-height: 17.94rpx;
}
.group_24 {
padding: 48rpx 0;
.divider {
mix-blend-mode: NOTTHROUGH;
background-image: repeating-linear-gradient(
90deg,
#c6cacd,
#c6cacd 1.36%,
transparent 1.36%,
transparent 2.717%
);
background-position: -4rpx 0rpx;
height: 2rpx;
}
.view_2 {
margin-top: 48rpx;
}
.view_3 {
margin-top: 48rpx;
}
.image-wrapper {
padding-bottom: 104rpx;
background-image: url('/static/images/codefun/e18202eb8182b8d77c464523c2305fa3.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.image_11 {
margin-left: 8rpx;
width: 564rpx;
height: 92rpx;
}
}
.pos_2 {
position: absolute;
left: 17rpx;
right: 6.6rpx;
top: 0;
}
.pos {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.pos_3 {
position: absolute;
left: 0;
right: 0;
top: 195.06rpx;
}
}
}
.group_25 {
overflow: hidden;
height: 142rpx;
.equal-division_6 {
position: relative;
margin-top: -16rpx;
.section_13 {
flex: 1 1 201.34rpx;
.image_12 {
width: 48rpx;
height: 48rpx;
}
.text-wrapper_4 {
padding: 4rpx 0;
overflow: hidden;
width: 96rpx;
.text_50 {
line-height: 22rpx;
}
.text_53 {
color: #ef4444;
line-height: 22.16rpx;
}
.text_51 {
line-height: 21.94rpx;
}
.text_54 {
color: #eab308;
line-height: 21.92rpx;
}
}
.text-wrapper_5 {
padding: 4rpx 0;
overflow: hidden;
.text_52 {
line-height: 22.2rpx;
}
.text_55 {
color: #3b82f6;
line-height: 22.22rpx;
}
}
}
.equal-division-item_8 {
padding: 24rpx 0;
background-color: #f9fafb;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
height: 176rpx;
}
.section_14 {
padding: 24rpx 40rpx;
background-color: #f9fafb;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
height: 176rpx;
}
}
}
}
}
.group_26 {
overflow-x: hidden;
.text_56 {
line-height: 29.76rpx;
}
.text_57 {
margin-right: 24rpx;
line-height: 22.24rpx;
}
.section_15 {
padding: 16rpx 0;
background-color: #ffffff;
border-radius: 74rpx;
mix-blend-mode: NOTTHROUGH;
box-shadow: 0rpx 8rpx 64rpx #15161a0a;
width: 300rpx;
height: 120rpx;
.text_58 {
line-height: 25.78rpx;
}
.section_17 {
background-color: #13df00;
mix-blend-mode: NOTTHROUGH;
border-radius: 50%;
width: 12rpx;
height: 12rpx;
}
.text_59 {
color: #13e000;
}
}
.section_16 {
padding: 16rpx 26rpx;
background-color: #ffffff;
border-radius: 74rpx;
mix-blend-mode: NOTTHROUGH;
box-shadow: 0rpx 8rpx 64rpx #15161a0a;
width: 300rpx;
height: 120rpx;
.group_27 {
width: 140rpx;
.section_18 {
background-color: #d7d7d9;
mix-blend-mode: NOTTHROUGH;
border-radius: 50%;
width: 12rpx;
height: 12rpx;
}
.text_60 {
color: #75777c;
line-height: 18.04rpx;
}
}
}
.image_13 {
border-radius: 24rpx;
width: 92rpx;
height: 92rpx;
}
.font_14 {
font-size: 28rpx;
font-family: AlibabaPuHuiTi;
line-height: 25.56rpx;
color: #15161a;
}
.image-wrapper_2 {
padding: 16rpx 0;
background-color: #ffffff;
border-radius: 74rpx 0 0 74rpx;
mix-blend-mode: NOTTHROUGH;
box-shadow: 0rpx 8rpx 64rpx #15161a0a;
width: 92rpx;
height: 120rpx;
.image_14 {
border-radius: 24rpx 0 0 24rpx;
width: 66rpx;
height: 92rpx;
}
}
}
.view_4 {
margin-top: 520rpx;
}
.group_28 {
margin-top: 48rpx;
.text_61 {
line-height: 29.4rpx;
}
.section_19 {
margin-right: 28rpx;
padding: 32rpx 64rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.image_15 {
mix-blend-mode: NOTTHROUGH;
width: 210rpx;
height: 210rpx;
}
.group_29 {
width: 260rpx;
.text_62 {
margin-left: 72rpx;
color: #ffaa1e;
font-size: 40rpx;
font-family: AlibabaPuHuiTi;
line-height: 28.56rpx;
}
.text_63 {
margin-left: 8rpx;
color: #000000;
line-height: 25.88rpx;
}
.text_64 {
margin-left: 8rpx;
color: #6b7280;
line-height: 22.24rpx;
}
.text-wrapper_6 {
padding: 16rpx 0;
background-color: #5db66f;
border-radius: 19998rpx;
mix-blend-mode: NOTTHROUGH;
width: 208rpx;
.text_65 {
line-height: 22.18rpx;
}
}
}
}
}
.group_30 {
margin-top: 48rpx;
.section_20 {
margin-right: 28rpx;
padding: 272rpx 36rpx 22rpx 48rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.text_68 {
line-height: 26.58rpx;
}
.group_31 {
margin-top: 20rpx;
.image_16 {
mix-blend-mode: NOTTHROUGH;
border-radius: 50%;
width: 48rpx;
height: 48rpx;
}
.text_69 {
line-height: 21.76rpx;
}
.text_70 {
line-height: 23.04rpx;
}
}
.group_32 {
margin-top: 30rpx;
.section_21 {
background-color: #5db66f;
border-radius: 12rpx;
mix-blend-mode: NOTTHROUGH;
width: 40rpx;
height: 12rpx;
}
.image-wrapper_3 {
width: 40rpx;
.image_17 {
width: 40rpx;
height: 12rpx;
}
}
.section_22 {
background-color: #5db66f33;
mix-blend-mode: NOTTHROUGH;
border-radius: 50%;
width: 12rpx;
height: 12rpx;
}
}
}
}
.group_22 {
padding-bottom: 32rpx;
.text_42 {
line-height: 29.18rpx;
}
.text_43 {
line-height: 22.24rpx;
}
.text_44 {
margin-right: 28rpx;
}
.text_66 {
line-height: 29.48rpx;
}
.text_67 {
margin-right: 24rpx;
}
}
.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;
}
}
.equal-division_7 {
padding: 10rpx 8rpx 16rpx;
background-color: #ffffff;
mix-blend-mode: NOTTHROUGH;
border-top: solid 1rpx #e7e7e7;
.group_33 {
flex: 1 1 146.82rpx;
}
.equal-division-item_9 {
padding: 12rpx 0;
}
}
.image_5 {
width: 32rpx;
height: 32rpx;
}
.font_4 {
font-size: 20rpx;
font-family: AlibabaPuHuiTi;
line-height: 18.3rpx;
color: #666666;
}
}
</style>
src/pages/nongzhi/nongzhi.vue 0 → 100644
<script>
export default {
components: {},
props: {},
data() {
return {}
},
methods: {},
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col">
<view class="codefun-flex-col section">
<view class="codefun-flex-col codefun-mt-20">
<text class="codefun-self-center font_9 text">农知</text>
<view class="codefun-flex-col codefun-self-stretch codefun-mt-20">
<view class="codefun-flex-row codefun-items-center section_2">
<image class="image_5" src="/static/images/codefun/b8d30fcc0b08b881a41c8b3e35b7f8ac.png" />
<text class="font_2 codefun-ml-8">请输入搜索内容</text>
</view>
<image
class="image_6 codefun-mt-12"
src="/static/images/codefun/9c9b4490074d34c2eb0b1e2e2e543fce.png"
/>
</view>
</view>
</view>
<view class="codefun-flex-col group_2">
<view class="codefun-flex-row codefun-justify-around group_1">
<view class="codefun-flex-col codefun-justify-start codefun-items-center section_3">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_2">精选</text>
</view>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center section_4">
<view class="codefun-flex-col codefun-justify-start codefun-items-start text-wrapper_1">
<text class="font_3">养殖技术</text>
</view>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center section_4">
<view class="codefun-flex-col codefun-justify-start codefun-items-start text-wrapper_1">
<text class="font_3">水果种植</text>
</view>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center section_4">
<view class="codefun-flex-col codefun-justify-start codefun-items-start text-wrapper_1">
<text class="font_3">蔬菜种植</text>
</view>
</view>
</view>
<view class="codefun-flex-col group_3 mt-25">
<view class="codefun-flex-row codefun-justify-between codefun-items-baseline">
<text class="font_4">推荐专家</text>
<text class="font_5 text_7">更多</text>
</view>
<view class="codefun-flex-row horiz-list codefun-mt-16">
<view class="codefun-flex-col horiz-list-item section_5">
<image
class="codefun-self-stretch image_7"
src="/static/images/codefun/8e8583cf1cc6c34b1ddde37e17ad1adc.png"
/>
<view class="codefun-flex-row codefun-items-baseline codefun-self-stretch codefun-mt-12">
<text class="font text_8">李大树</text>
<text class="font_6 text_8 codefun-ml-8">果树专家</text>
</view>
<text class="codefun-self-start font_7 text_8 codefun-mt-12">以解答311个问题</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-start text-wrapper_3 codefun-mt-12"
>
<text class="font_8">免费咨询</text>
</view>
</view>
<view class="codefun-flex-col horiz-list-item section_6 codefun-ml-10">
<image
class="codefun-self-stretch image_7"
src="/static/images/codefun/dd9d3f56e39526077ca1f71ba4092491.png"
/>
<view class="codefun-flex-row codefun-items-baseline codefun-self-stretch codefun-mt-12">
<text class="font text_8">张曼</text>
<text class="font_6 text_8 codefun-ml-8">蔬菜专家</text>
</view>
<text class="codefun-self-start font_7 text_8 codefun-mt-12">以解答186个问题</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-start text-wrapper_3 codefun-mt-12"
>
<text class="font_8">免费咨询</text>
</view>
</view>
<view class="codefun-flex-col codefun-items-start horiz-list-item section_7 codefun-ml-10">
<image class="image_7" src="/static/images/codefun/8e8583cf1cc6c34b1ddde37e17ad1adc.png" />
<text class="font text_8 codefun-mt-12">王于苗</text>
<text class="font_7 text_8 codefun-mt-12">以解答311个问题</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3 codefun-mt-12"
>
<text class="font_8">免费咨询</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col mt-25">
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_5">
<text class="font_4">专家问答</text>
<text class="font_5 text_4">更多</text>
</view>
<view class="codefun-flex-col section_10">
<view class="codefun-flex-col codefun-self-stretch">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4"
>
<text class="font_9">Q</text>
</view>
<text class="font_10 codefun-ml-8">苹果树春季该如何进行修剪？</text>
</view>
<text class="codefun-self-center font_11 codefun-mt-4"
>春季修剪应在萌芽前进行，重点去除病弱枝...</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">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4"
>
<text class="font_9">Q</text>
</view>
<text class="font_10 codefun-ml-8">水稻秧苗发黄是什么原因？</text>
</view>
<text class="codefun-self-center font_11 codefun-mt-4"
>主要原因可能是养分不足、浸水过多或病虫害...</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">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4"
>
<text class="font_9">Q</text>
</view>
<text class="font_10 codefun-ml-8">大棚黄瓜叶子发卷怎么处理？</text>
</view>
<text class="codefun-self-center font_11 codefun-mt-4"
>可能是由于温度过高、水分不足或病毒感染...</text
>
</view>
<text class="codefun-self-start font_14 text_29 codefun-mt-10">32人关注</text>
</view>
</view>
<view class="codefun-flex-col mt-25">
<view class="codefun-flex-row codefun-justify-between group_5">
<text class="codefun-self-center font_4">精品课程</text>
<text class="codefun-self-start font_5 text_4">更多</text>
</view>
<view class="codefun-flex-col section_10">
<view class="codefun-flex-row codefun-justify-center codefun-items-end">
<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>
<view class="codefun-flex-row codefun-items-center group_11 codefun-mt-8">
<text class="font_13">¥99</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 text-wrapper_10 codefun-ml-4"
>
<text class="font_14 text_34">¥129</text>
</view>
</view>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_5 view_1 codefun-ml-12"
>
<text class="font_8">马上学</text>
</view>
</view>
<view class="codefun-flex-row codefun-justify-center codefun-mt-16">
<view class="codefun-flex-col codefun-justify-start codefun-items-start section_12">
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_7"
>
<text class="font_15 text_37">免费</text>
</view>
</view>
<view class="codefun-flex-col codefun-self-center codefun-ml-12">
<text class="font_10">水稻病虫害防治专题</text>
<text class="font_11 text_10">预防与治疗水稻常见问题</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>
</view>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-start text-wrapper_5 view codefun-ml-12"
>
<text class="font_8">马上学</text>
</view>
</view>
<view class="codefun-flex-row codefun-items-end codefun-mt-16">
<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>
<view class="codefun-flex-row codefun-items-center group_13 codefun-mt-10">
<text class="font_13">¥129</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 text-wrapper_10 codefun-ml-4"
>
<text class="font_14 text_34">¥159</text>
</view>
</view>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 text-wrapper_5 view_2"
>
<text class="font_8">马上学</text>
</view>
</view>
<view class="codefun-flex-row codefun-mt-16">
<view class="codefun-shrink-0 section_14" />
<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>
<view class="codefun-flex-row codefun-items-center group_13 codefun-mt-8">
<text class="font_13">¥149</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 text-wrapper_10 codefun-ml-4"
>
<text class="font_14 text_34">¥199</text>
</view>
</view>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 text-wrapper_5"
>
<text class="font_8">马上学</text>
</view>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col mt-25">
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_16">
<text class="font_4">推荐文章</text>
<text class="font_5 text_48">更多</text>
</view>
<view class="codefun-flex-col section_15">
<view class="codefun-flex-col group_17 flex">
<view class="section_11" />
<text class="codefun-self-end font_16">春季麦田管理要点</text>
<view
class="codefun-flex-row codefun-items-center codefun-self-stretch group_15 codefun-mt-20"
>
<image
class="image_3"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png"
/>
<text class="font_7 codefun-ml-4">1245</text>
</view>
</view>
<view class="codefun-flex-col codefun-mt-32">
<text class="codefun-self-end font_16">农作物施肥技术指南</text>
<view class="codefun-flex-row codefun-items-center codefun-self-stretch codefun-mt-20">
<image
class="image_3 image_8"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png"
/>
<text class="font_7 codefun-ml-4">1245</text>
</view>
</view>
<view class="codefun-flex-col group_17 codefun-mt-32">
<text class="codefun-self-end font_16">果树花期管理方法</text>
<view
class="codefun-flex-row codefun-items-center codefun-self-stretch group_15 codefun-mt-20"
>
<image
class="image_3"
src="/static/images/codefun/775d59654c837323ede8ad7db6d99db3.png"
/>
<text class="font_7 codefun-ml-4">1245</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.mt-25 {
margin-top: 50rpx;
}
.page {
padding-bottom: 72rpx;
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
padding-bottom: 20rpx;
.section {
padding: 24rpx 28rpx;
background-image: url('/static/images/codefun/7a5dc4ee864fe55da98b41c14ee3b931.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group {
padding-left: 16rpx;
.image {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.image_2 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_4 {
width: 48rpx;
height: 22rpx;
}
}
.text {
color: #ffffffe6;
}
.section_2 {
padding: 16rpx;
background-color: #ffffff4d;
border-radius: 2000rpx;
mix-blend-mode: NOTTHROUGH;
border: solid 1rpx #ffffff7d;
}
.image_6 {
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
width: 92.5333vw;
height: 37.3333vw;
}
}
.group_2 {
padding-left: 24rpx;
padding-top: 16rpx;
.group_1 {
padding: 0 8rpx;
.section_3 {
padding: 16rpx 0;
background-color: #5db66f;
border-radius: 20000rpx;
mix-blend-mode: NOTTHROUGH;
width: 119.12rpx;
height: 72rpx;
.text-wrapper {
padding: 8rpx 0;
overflow: hidden;
width: 56rpx;
}
}
.section_4 {
padding: 16rpx 0;
background-color: #ffffff;
border-radius: 20000rpx;
mix-blend-mode: NOTTHROUGH;
width: 174.22rpx;
height: 72rpx;
.text-wrapper_1 {
padding: 8rpx 0;
overflow: hidden;
width: 112rpx;
.font_3 {
font-size: 28rpx;
line-height: 28rpx;
color: #1f2937;
}
}
}
}
.group_3 {
overflow-x: hidden;
.text_7 {
margin-right: 24rpx;
}
.horiz-list {
overflow-x: auto;
margin-right: 24rpx;
.horiz-list-item {
flex-shrink: 0;
.section_8 {
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
background-color: #00000000;
height: 240rpx;
}
.font {
font-size: 32rpx;
line-height: 32rpx;
color: #333333;
}
.text_8 {
text-transform: uppercase;
}
.font_6 {
font-size: 24rpx;
line-height: 24rpx;
color: #666666;
}
.text-wrapper_3 {
padding: 16rpx 0;
background-color: #5db66f;
border-radius: 2000rpx;
mix-blend-mode: NOTTHROUGH;
width: 160rpx;
}
.image_7 {
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
width: 240rpx;
height: 240rpx;
}
}
.section_5 {
padding: 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
width: 288rpx;
height: 460rpx;
}
.section_6 {
padding: 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
height: 460rpx;
}
.section_7 {
padding: 24rpx 24rpx 24rpx 24rpx;
background-color: #ffffff;
border-radius: 16rpx 0rpx 0rpx 16rpx;
mix-blend-mode: NOTTHROUGH;
height: 460rpx;
}
}
}
.group_5 {
padding-bottom: 32rpx;
.text_4 {
margin-right: 24rpx;
}
}
.font_4 {
font-size: 32rpx;
line-height: 32rpx;
font-weight: 600;
color: #333333;
}
.font_5 {
font-size: 24rpx;
line-height: 24rpx;
color: #5db66f;
}
.section_10 {
margin-right: 28rpx;
padding: 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.text-wrapper_4 {
padding: 8rpx 0;
background-color: #5db66f;
border-radius: 20000rpx;
mix-blend-mode: NOTTHROUGH;
width: 48rpx;
height: 48rpx;
}
.font_10 {
font-size: 28rpx;
line-height: 28rpx;
color: #000000;
}
.font_11 {
font-size: 24rpx;
line-height: 24rpx;
color: #6b7280;
}
.font_14 {
font-size: 24rpx;
line-height: 24rpx;
color: #9ca3af;
}
.text_23 {
margin-left: 64rpx;
}
.text_26 {
margin-left: 64rpx;
}
.text_29 {
margin-left: 64rpx;
}
.section_11 {
overflow: hidden;
background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/68c3b8c1d54496f19f6c4ca0/68c3b919ed31a90011da9937/17580177052721295100.png);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 220rpx;
height: 140rpx;
}
.group_10 {
margin-top: 8rpx;
margin-bottom: 8rpx;
.group_11 {
padding: 4rpx 0;
overflow: hidden;
width: 110.5rpx;
}
}
.text-wrapper_5 {
padding: 16rpx 0;
border-radius: 8rpx;
overflow: hidden;
background-color: #5db66f;
mix-blend-mode: NOTTHROUGH;
width: 120rpx;
height: 48rpx;
}
.view_1 {
margin-bottom: 4rpx;
}
.section_12 {
padding: 8rpx 0 104rpx;
overflow: hidden;
background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/68c3b8c1d54496f19f6c4ca0/68c3b919ed31a90011da9937/17580177052709218705.png);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 220rpx;
height: 140rpx;
.text-wrapper_7 {
padding: 8rpx 0;
background-color: #4cd964;
border-radius: 4rpx;
mix-blend-mode: NOTTHROUGH;
width: 60rpx;
.text_37 {
color: #ffffff;
}
}
}
.text_10 {
margin-top: 16rpx;
}
.group_8 {
margin-top: 32rpx;
}
.font_13 {
font-size: 28rpx;
line-height: 28rpx;
color: #4cd964;
}
.text_34 {
text-decoration: line-through;
}
.view {
margin-top: 88rpx;
}
.section_13 {
overflow: hidden;
background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/68c3b8c1d54496f19f6c4ca0/68c3b919ed31a90011da9937/17580177052733138801.png);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 220rpx;
height: 140rpx;
}
.group_12 {
margin: 8rpx 0 8rpx 24rpx;
}
.text-wrapper_10 {
padding: 8rpx 0;
overflow: hidden;
width: 54rpx;
height: 32rpx;
}
.view_2 {
margin-left: 40rpx;
}
.section_14 {
overflow: hidden;
background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/68c3b8c1d54496f19f6c4ca0/68c3b919ed31a90011da9937/17580177055787756558.png);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 220rpx;
height: 140rpx;
}
.group_14 {
margin-top: 8rpx;
margin-bottom: 8rpx;
.group_27 {
margin-bottom: 4rpx;
}
}
.group_13 {
padding: 4rpx 0;
overflow: hidden;
width: 126.78rpx;
}
}
.font_8 {
font-size: 24rpx;
line-height: 24rpx;
color: #ffffff;
}
.group_16 {
padding-bottom: 40rpx;
.text_48 {
margin-right: 24rpx;
}
}
.section_15 {
margin-right: 28rpx;
padding: 48rpx 152rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.group_17 {
padding: 0 32rpx;
.group_15 {
padding: 0 72rpx;
}
}
.font_16 {
font-size: 32rpx;
line-height: 32rpx;
font-weight: 600;
color: #1d2129;
}
.image_8 {
margin-left: 104rpx;
}
}
.font_7 {
font-size: 24rpx;
line-height: 24rpx;
color: #999999;
}
}
.font_2 {
font-size: 28rpx;
line-height: 28rpx;
color: #ffffff;
}
.font_9 {
font-size: 32rpx;
line-height: 32rpx;
color: #ffffff;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.equal-division {
padding: 16rpx 8rpx;
background-color: #ffffff;
mix-blend-mode: NOTTHROUGH;
border-top: solid 1rpx #e7e7e7;
.group_19 {
flex: 1 1 146.74rpx;
}
.equal-division-item {
padding: 8rpx 0;
}
}
.image_5 {
width: 32rpx;
height: 32rpx;
}
.font_15 {
font-size: 20rpx;
line-height: 20rpx;
color: #666666;
}
}
</style>
src/pages/shouye/shouye.vue 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="font_4 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">晚稻13号</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">晚稻13号</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_26 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>
<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 ml-19">
<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 ml-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>
<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: 28rpx 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: 7.56rpx 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: 24rpx;
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;
.group_41 {
padding: 10rpx 0 4.92rpx;
width: 106rpx;
.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_25 {
margin-right: 56.44rpx;
}
}
.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;
.pos_2 {
position: absolute;
left: 0;
right: 0;
bottom: 36.54rpx;
}
}
.font_8 {
font-size: 28rpx;
line-height: 72rpx;
color: #333333;
}
.text_23 {
width: 84rpx;
}
.font_9 {
font-size: 36rpx;
line-height: 25.7rpx;
color: #f26464;
}
.group_1 {
padding: 10rpx 0 4.92rpx;
width: 106rpx;
.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 {
margin-right: 56.44rpx;
color: #5db66f;
}
}
.image_14 {
mix-blend-mode: NOTTHROUGH;
width: 28rpx;
height: 16rpx;
}
.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 {
border-right: solid 4rpx #ffffff;
}
.font_12 {
font-size: 32rpx;
line-height: 22.04rpx;
color: #000000;
}
.group_19 {
margin-top: 215.66rpx;
.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;
.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 0 → 100644
<script>
export default {
components: {},
props: {},
data() {
return {
items: [null, null, null],
}
},
methods: {},
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col group">
<view class="codefun-flex-col section">
<view class="codefun-flex-row codefun-justify-center codefun-relative group_3">
<text class="codefun-self-start font text">我的</text>
<image
class="codefun-self-center image_5 pos"
src="/static/images/codefun/acd10a2959857f5912a96306bc56976e.png"
/>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_4">
<view class="codefun-flex-row">
<image class="image_6" src="/static/images/codefun/8653455b786fbf94ae1c3946f11e7d40.png" />
<view class="codefun-flex-col group_5 codefun-ml-8">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<text class="font_2 text_2">007农场</text>
<view
class="codefun-flex-row codefun-items-center codefun-shrink-0 section_2 codefun-ml-6"
>
<image
class="codefun-shrink-0 image_7"
src="/static/images/codefun/b6079649e1f0ba231d158cb10bea118f.png"
/>
<text class="font_3 text_3 codefun-ml-4">已认证农场主</text>
</view>
</view>
<text class="codefun-self-start font_1 codefun-mt-10">华北绿色农业示范基地</text>
</view>
</view>
<image class="image_8 image_9" src="/static/images/codefun/1458747d012f7cb820f99627876e8fa6.png" />
</view>
<view class="codefun-flex-col codefun-justify-start section_3">
<view class="codefun-flex-row">
<view class="codefun-flex-col codefun-items-center group_6 equal-division-item">
<text class="font_4">44</text>
<text class="font_5 codefun-mt-16">我的基地</text>
</view>
<view class="codefun-flex-col codefun-items-center group_6 equal-division-item codefun-ml-32">
<text class="font_4">¥3266</text>
<text class="font_5 codefun-mt-16">累计收益</text>
</view>
<view class="codefun-flex-col codefun-items-center group_6 equal-division-item codefun-ml-32">
<text class="font_4">8</text>
<text class="font_5 codefun-mt-16">服务订单</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-relative group_7">
<view class="codefun-flex-col">
<view class="codefun-flex-row codefun-justify-between codefun-items-center section_12">
<view class="codefun-flex-row group_8">
<image class="image_10" src="/static/images/codefun/41d4366b8b071c40d285a8f48c696d8a.png" />
<view class="codefun-flex-col group_9 codefun-ml-12">
<text class="codefun-self-start font">消息中心</text>
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch text-wrapper_2 codefun-mt-4"
>
<text class="font_7">预警通知/服务进度/订单状态</text>
</view>
</view>
</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>
</view>
<image
class="image_11 codefun-ml-12"
src="/static/images/codefun/f29a8c39eb37da965d0a764a567a1c77.png"
/>
</view>
</view>
<view class="codefun-flex-row equal-division codefun-mt-12">
<view class="codefun-flex-col section_5 section_11">
<view class="codefun-flex-row codefun-self-stretch">
<view class="codefun-flex-row codefun-items-center codefun-flex-1">
<image
class="codefun-shrink-0 image_10"
src="/static/images/codefun/a1b5d5fd677e3e3c32cdfe7a476aee19.png"
/>
<view class="codefun-flex-col codefun-items-start codefun-flex-1 codefun-ml-8">
<text class="font">资源库</text>
<text class="font_8 codefun-mt-8">38个资源可用</text>
</view>
</view>
<image
class="codefun-shrink-0 codefun-self-start image_11 image_12 codefun-ml-8"
src="/static/images/codefun/f29a8c39eb37da965d0a764a567a1c77.png"
/>
</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"
>
<text class="font_6 text_14">离线可用</text>
</view>
</view>
<view class="codefun-flex-col section_5 section_11 codefun-ml-12">
<view class="codefun-flex-row codefun-self-stretch">
<image
class="codefun-shrink-0 image_10"
src="/static/images/codefun/d38158bc612aa1c6a022fae41afd8a42.png"
/>
<view
class="codefun-flex-col codefun-items-start codefun-flex-1 codefun-self-center group_12"
>
<text class="font">物联设备</text>
<text class="font_8 codefun-mt-8">2台在线</text>
</view>
<image
class="codefun-shrink-0 codefun-self-start image_11 image_13"
src="/static/images/codefun/f29a8c39eb37da965d0a764a567a1c77.png"
/>
</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"
>
<image
class="image_14"
src="/static/images/codefun/2ff61f748e26b18760ca166aa8cfa15a.png"
/>
<text class="font_3">添加设备</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-mt-24">
<view class="codefun-flex-row codefun-justify-between codefun-items-center group_13">
<text class="font_2">常用资源</text>
<text class="font_3 text_16">全部</text>
</view>
<view class="codefun-flex-col list">
<view
class="codefun-flex-row codefun-justify-between codefun-items-center list-item codefun-mt-24"
v-for="(item, index) in items"
:key="index"
>
<view class="codefun-flex-row">
<image
class="image_15"
src="/static/images/codefun/38f8cccf12ace58fd9cd4612dce944b0.png"
/>
<view class="codefun-flex-col codefun-items-start group_14 codefun-ml-12">
<text class="font_9">水稻种植合同模版</text>
<text class="font_6 codefun-mt-12">125kb</text>
</view>
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4">
<text class="font_10">下载</text>
</view>
</view>
</view>
</view>
<view class="codefun-flex-col codefun-mt-24">
<view class="codefun-flex-row codefun-justify-between codefun-items-baseline">
<text class="font_2">我的设备</text>
<text class="font_3 text_22">添加设备</text>
</view>
<view class="codefun-flex-col codefun-mt-16">
<view class="codefun-flex-col section_12">
<view class="codefun-flex-row codefun-justify-between codefun-items-center">
<view class="codefun-flex-row codefun-items-center">
<image
class="image_17"
src="/static/images/codefun/8bd62352939b47e71f09a93a6ab344b2.png"
/>
<view class="codefun-flex-col codefun-items-start codefun-ml-8">
<text class="font_11">智能灌溉控制器</text>
<text class="font_6 codefun-mt-12">上次链接：10分钟前</text>
</view>
</view>
<view class="codefun-flex-row codefun-items-center">
<image
class="codefun-shrink-0 image_18"
src="/static/images/codefun/e9da7be7465ae5310ccbc8a61ec653af.png"
/>
<text class="font_6 text_24 codefun-ml-4">正常</text>
</view>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-items-center codefun-mt-16">
<view class="codefun-flex-row codefun-items-center">
<image
class="image_17"
src="/static/images/codefun/81937c2666c800cf5966c29c2891b7c4.png"
/>
<view class="codefun-flex-col codefun-items-start codefun-ml-8">
<text class="font_11">智能灌溉控制器</text>
<text class="font_6 codefun-mt-12">上次链接：10分钟前</text>
</view>
</view>
<view class="codefun-flex-row codefun-items-center">
<image
class="codefun-shrink-0 image_18"
src="/static/images/codefun/1d16bdeaf73b863640e5855843a54682.png"
/>
<text class="font_6 codefun-ml-4">离线</text>
</view>
</view>
</view>
<view class="codefun-flex-col section_9 codefun-mt-12">
<view class="codefun-flex-row codefun-justify-between codefun-items-center">
<view class="codefun-flex-row codefun-items-center">
<image
class="codefun-shrink-0 image_19"
src="/static/images/codefun/e4267d4e96c1020d60dfbbf315b662cb.png"
/>
<text class="font_13 codefun-ml-8">在线客服</text>
</view>
<image
class="image_20"
src="/static/images/codefun/543b9b7cb3072527207b45b678ca5794.png"
/>
</view>
<view class="codefun-flex-col codefun-mt-20">
<view class="codefun-flex-row codefun-justify-between codefun-items-center">
<view class="codefun-flex-row codefun-items-center">
<image
class="codefun-shrink-0 image_21"
src="/static/images/codefun/46ebd858a611104ee741fc252ca6f0ce.png"
/>
<text class="font_13 codefun-ml-8">帮助中心</text>
</view>
<image
class="image_20"
src="/static/images/codefun/0314db942874f91963bc16e91b9798bc.png"
/>
</view>
<view
class="codefun-flex-row codefun-justify-between codefun-items-center codefun-mt-20"
>
<view class="codefun-flex-row codefun-items-center">
<image
class="codefun-shrink-0 image_8"
src="/static/images/codefun/559cc3a424e888da63761cafa26dad82.png"
/>
<text class="font_13 codefun-ml-8">问题反馈</text>
</view>
<image
class="image_20"
src="/static/images/codefun/0314db942874f91963bc16e91b9798bc.png"
/>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.page {
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
padding-bottom: 20rpx;
.group {
height: 2020rpx;
.section {
padding: 24rpx 20rpx 88rpx;
background-image: url('/static/images/codefun/7a5dc4ee864fe55da98b41c14ee3b931.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group_2 {
margin-right: 8rpx;
padding: 0 12rpx;
.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;
}
}
.group_3 {
margin-right: 8rpx;
margin-top: 24rpx;
padding: 16rpx 8rpx 0;
.text {
color: #ffffffe6;
}
.image_5 {
mix-blend-mode: NOTTHROUGH;
width: 44rpx;
height: 42rpx;
}
.pos {
position: absolute;
right: 8rpx;
top: 50%;
transform: translateY(-50%);
}
}
.group_4 {
margin-right: 8rpx;
margin-top: 56rpx;
.image_6 {
mix-blend-mode: NOTTHROUGH;
border-radius: 50%;
width: 96rpx;
height: 96rpx;
}
.group_5 {
margin-top: 8rpx;
margin-bottom: 8rpx;
.text_2 {
color: #ffffff;
}
.section_2 {
padding: 8rpx;
background-color: #ffffff;
border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH;
height: 42rpx;
.image_7 {
mix-blend-mode: NOTTHROUGH;
width: 18rpx;
height: 12rpx;
}
.text_3 {
font-size: 22rpx;
line-height: 22rpx;
}
}
}
.image_9 {
margin-right: 8rpx;
}
}
.section_3 {
margin-right: 16rpx;
margin-top: 24rpx;
padding: 32rpx 0;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.group_6 {
flex: 1 1 186.88rpx;
.font_4 {
font-size: 36rpx;
line-height: 36rpx;
font-weight: 600;
color: #20602d;
}
.font_5 {
font-size: 28rpx;
line-height: 28rpx;
color: #4e5969;
}
}
}
}
.group_7 {
margin-top: -64rpx;
padding: 0 20rpx;
.section_12 {
margin-right: 16rpx;
padding: 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.group_8 {
overflow: hidden;
width: 411.4rpx;
height: 80rpx;
.group_9 {
padding-top: 8rpx;
overflow: hidden;
width: 307.4rpx;
height: 80rpx;
.text-wrapper_2 {
padding: 8rpx 0;
overflow: hidden;
width: 308rpx;
}
}
}
.group_10 {
margin-right: 8rpx;
.text-wrapper {
padding: 8rpx 0;
background-color: #ff5454;
border-radius: 20000rpx;
mix-blend-mode: NOTTHROUGH;
width: 40rpx;
height: 40rpx;
}
}
.image_17 {
border-radius: 24rpx;
width: 92rpx;
height: 92rpx;
}
.font_11 {
font-size: 28rpx;
line-height: 28rpx;
color: #15161a;
}
.image_18 {
width: 72rpx;
height: 12rpx;
}
.text_24 {
color: #13e000;
}
}
.equal-division {
margin-right: 16rpx;
.section_5 {
flex: 1 1 336rpx;
.font_8 {
font-size: 24rpx;
line-height: 24rpx;
color: #4cd964;
}
.image_12 {
margin-right: 8rpx;
margin-top: 8rpx;
}
.view {
padding: 8rpx 0;
border-radius: 12rpx;
overflow: hidden;
background-color: #4fc5fd33;
mix-blend-mode: NOTTHROUGH;
width: 112rpx;
.text_14 {
color: #4fbdfb;
}
}
.group_12 {
margin-left: 16rpx;
}
.image_13 {
margin: 8rpx 8rpx 0 40rpx;
}
.view_2 {
padding: 0 16rpx;
border-radius: 12rpx;
overflow: hidden;
background-color: #5db66f1a;
mix-blend-mode: NOTTHROUGH;
width: 152rpx;
.image_14 {
width: 20rpx;
height: 20rpx;
}
}
}
.section_11 {
padding: 20rpx 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
height: 220rpx;
}
}
.image_10 {
border-radius: 16rpx;
width: 80rpx;
height: 80rpx;
}
.image_11 {
mix-blend-mode: NOTTHROUGH;
width: 12rpx;
height: 22rpx;
}
.font_7 {
font-size: 24rpx;
line-height: 24rpx;
color: #6b7280;
}
.group_13 {
padding-bottom: 32rpx;
.text_16 {
margin-right: 8rpx;
}
}
.list {
margin-right: 16rpx;
padding: 32rpx 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.list-item {
&:first-child {
margin-top: 0;
}
.image_15 {
width: 54rpx;
height: 72rpx;
}
.group_14 {
margin-top: 8rpx;
.font_9 {
font-size: 28rpx;
line-height: 28rpx;
color: #333333;
}
}
.text-wrapper_4 {
padding: 16rpx 0;
background-color: #5db66f26;
border-radius: 400rpx;
mix-blend-mode: NOTTHROUGH;
width: 136rpx;
height: 48rpx;
.font_10 {
font-size: 24rpx;
line-height: 24rpx;
color: #16a34a;
}
}
}
}
.font_6 {
font-size: 24rpx;
line-height: 24rpx;
color: #999999;
}
.text_22 {
margin-right: 16rpx;
}
.section_9 {
margin-right: 16rpx;
padding: 28rpx 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.image_19 {
width: 40rpx;
height: 40rpx;
}
.font_13 {
font-size: 28rpx;
line-height: 28rpx;
color: #1d2129;
}
.image_21 {
width: 38rpx;
height: 38rpx;
}
}
}
.font {
font-size: 32rpx;
line-height: 32rpx;
color: #000000;
}
.font_1 {
font-size: 24rpx;
line-height: 24rpx;
color: #ffffff;
}
.font_3 {
font-size: 24rpx;
line-height: 24rpx;
color: #5db66f;
}
.font_2 {
font-size: 32rpx;
line-height: 32rpx;
font-weight: 600;
color: #333333;
}
.image_8 {
width: 36rpx;
height: 36rpx;
}
}
.equal-division_2 {
margin-right: 8rpx;
.group_15 {
flex: 1 1 148.4rpx;
.font_14 {
font-size: 20rpx;
line-height: 20rpx;
color: #666666;
}
}
}
.section_6 {
padding: 16rpx 0;
background-color: #ffffff;
mix-blend-mode: NOTTHROUGH;
border-top: solid 1rpx #e7e7e7;
}
.equal-division-item {
padding: 8rpx 0;
}
.image_20 {
width: 32rpx;
height: 32rpx;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论