895 lines
18 KiB
Vue
895 lines
18 KiB
Vue
<template>
|
||
<!-- 蜂厂 -->
|
||
<view ref="pagebox" class=" page">
|
||
<!-- <view class="loading" v-show="showloading">
|
||
<view class="loading_box">
|
||
<u-loading-icon color='#fff'></u-loading-icon>
|
||
<text>loading...</text>
|
||
</view>
|
||
</view> -->
|
||
<view class="tip_box" v-if="show">
|
||
<div class="tip">
|
||
<div class="txt">请将该蜂场所有蜂箱移迁后再进行此操作！</div>
|
||
<div class="button" @click="show=false">返回</div>
|
||
</div>
|
||
</view>
|
||
<u-overlay :show="show" ></u-overlay>
|
||
<view class=" group_2 space-x-20 suosou-fc">
|
||
<!-- <view class="flex-auto section">
|
||
<view class="text_3">
|
||
<view class="inp-let-pa">
|
||
<image @click="aweepClick" class="image_6 inp-let-pa-zi" src="../../static/16994973961877418353.png" />
|
||
<input v-model="qrcode" @input="searchFn" placeholder="蜂箱（自定义）编号搜索" class="input-text" />
|
||
</view>
|
||
</view>
|
||
</view> -->
|
||
<!-- <image @click="xinzeng" class="image_5" src="../../static/b219311a779cd27f0f95a049dd683092.png" /> -->
|
||
</view>
|
||
<!-- 蜂场列表 -->
|
||
<view v-if="items.length>0" class=" list space-y-13">
|
||
<view class="section_2 space-y-16" v-for="(item, index) in items" :key="index">
|
||
<view class=" group_3 top-img">
|
||
<view class=" items-baseline space-x-6">
|
||
<text class="font_1">{{ item.name }}</text>
|
||
<text class="font_2">{{ item.create_date }}</text>
|
||
</view>
|
||
<view class="dianbox" ref="bubble" @click.stop="HiddenClick(item)">
|
||
<image class="image_7" src="/static/16994974061914098024.png"></image>
|
||
<!-- 气泡框 -->
|
||
<view v-if="item.ShowHidden">
|
||
<view class="arrivalNavigation">
|
||
<!-- <view class="d4"></view> -->
|
||
<view class="sideNavigation">
|
||
<view class="pop-text">
|
||
<view @click="editFengchang(item)">编辑蜂场</view>
|
||
<view @click="deleteFengchang(item)">删除蜂场</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 遮罩层 -->
|
||
<view class="mask-box"></view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 列表 -->
|
||
<view class=" space-y-16">
|
||
<view class=" group_3 space-x-10">
|
||
<image class="image_8" src="../../static/16994974075140416617.png" />
|
||
|
||
|
||
|
||
<text class="font_3 font-ml">{{ item.address }}</text>
|
||
</view>
|
||
<view class="">
|
||
<!-- 温度 -->
|
||
<view class=" group_3 wendu-b" v-if="false">
|
||
<view class="">
|
||
<image class=" image_9" src="../../static/温度.png" />
|
||
<text class="font_3 font-ml">温度</text>
|
||
<text class="font_3">{{item.temperature}}</text>
|
||
</view>
|
||
<view class="">
|
||
<image class=" image_10" src="../../static/蜂箱-湿度.png" />
|
||
<text class="font_3 font-ml">湿度</text>
|
||
<text class="font_3">{{item.humidity}}</text>
|
||
</view>
|
||
|
||
<view class=" space-x-10">
|
||
<image class=" image_11" src="../../static/16994974076527700865.png" />
|
||
<text class="font_3 font-ml">风向</text>
|
||
<text class="font_3">{{item.wind_direction}}</text>
|
||
</view>
|
||
</view>
|
||
<!-- 品种 -->
|
||
<view class="top-img equal-division group_5">
|
||
|
||
<view class="tac-dainlaing group_6 equal-division-item space-y-8">
|
||
<image class="image_12" src="../../static/105e3b74b27e00556d9a51b77f90736d.png" />
|
||
<text class="font_4">{{item.bee_type_text}}</text>
|
||
</view>
|
||
|
||
<view class="tac-dainlaing group_7 equal-division-item space-y-8">
|
||
<image class="image_12" src="../../static/b98dbe4f082608897417a90315d1d9c2.png" />
|
||
<text class="font_4">{{item.honey_source_text}}</text>
|
||
</view>
|
||
|
||
<view class="tac-dainlaing group_7 equal-division-item space-y-8">
|
||
<image class="image_12" src="../../static/65743e63d23e304849b6fd0ca5f045c8.png" />
|
||
<text class="font_4">{{item.weight}}</text>
|
||
</view>
|
||
|
||
<view class="tac-dainlaing group_7 equal-division-item space-y-8">
|
||
<image class="image_12" src="../../static/e5e18447349367492c81f64ccec7ebcb.png" />
|
||
<text class="font_4 text_4">{{item.attendance}}</text>
|
||
</view>
|
||
|
||
<view class="tac-dainlaing group_7 equal-division-item space-y-8">
|
||
<image class="image_12" src="../../static/12193860188cd3652959a39cbca3cda4.png" />
|
||
<text class="font_4 text_4">{{item.warning}}</text>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<view class=" group_8 equal-division_2 button-box">
|
||
|
||
<view @click="todituFengchange(item)" class=" justify-start equal-division-item_3">
|
||
<text class="font_6">地 图</text>
|
||
</view>
|
||
|
||
<view class=" equal-division-item_3 space-x-8" @click="tofx(item.id)">
|
||
<text class="font_6">蜂 箱</text>
|
||
<text class="font_6">{{item.beehive_count}}</text>
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
<view class="addbutton">
|
||
<view class="addbutton-box" @click="xinzeng">添加蜂场
|
||
<image class="image_5" src="../../static/b219311a779cd27f0f95a049dd683092.png" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view v-else class="konghezi">
|
||
<u-empty mode="list" text="暂无蜂场">
|
||
<view class="tjbutton">
|
||
<u-button @click="xinzeng" size="large" shape="circle" text="添 加" color="#23693f"></u-button>
|
||
</view>
|
||
</u-empty>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import request from '../../utils/request'
|
||
export default {
|
||
components: {},
|
||
props: {},
|
||
data() {
|
||
return {
|
||
qrcode: '',
|
||
items: [],
|
||
page: 1,
|
||
ShowHidden: false,
|
||
showloading:false,
|
||
show: false,
|
||
tokenflag:false
|
||
};
|
||
},
|
||
onShow() {
|
||
// this.items=[]
|
||
uni.showLoading({
|
||
title: '加载中...',
|
||
mask: true,
|
||
success: function () {
|
||
// 显示成功的回调
|
||
},
|
||
});
|
||
|
||
this.listData(this.page)
|
||
setTimeout(()=>{
|
||
uni.hideLoading()
|
||
},1000)
|
||
},
|
||
methods: {
|
||
tofx(id){
|
||
uni.setStorageSync('targetId', id);
|
||
uni.switchTab({
|
||
url: '/pages/fengxiang/index'
|
||
})
|
||
},
|
||
|
||
searchFn() {
|
||
// 清除之前的定时器
|
||
clearTimeout(this.timer);
|
||
// 启动新的定时器，在5秒后触发 sendRequest 函数
|
||
this.timer = setTimeout(() => {
|
||
this.sendRequest();
|
||
}, 1000);
|
||
},
|
||
sendRequest() {
|
||
console.log(this.qrcode)
|
||
this.listData(this.page, this.qrcode)
|
||
// this.pageData('','',this.qrcode)
|
||
},
|
||
aweepClick() {
|
||
wx.scanCode({
|
||
onlyFromCamera: false, // 是否仅从相机启动，默认false
|
||
scanType: ['qrCode', 'barCode'], // 可以指定扫描的类型，比如二维码或者条形码，默认二者都有
|
||
success: res => { // 扫描成功后的回调
|
||
// console.log(res.result , '成功结果') // 打印扫描结果
|
||
this.qrcode = res.result
|
||
},
|
||
fail: res => { // 扫描失败后的回调
|
||
console.log(res, '失败结果') // 打印错误信息
|
||
}
|
||
})
|
||
},
|
||
todituFengchange(item) {
|
||
uni.navigateTo({
|
||
url: `/pagesFengChang/components/map?info=${JSON.stringify(item)}`
|
||
})
|
||
},
|
||
editFengchang(item) {
|
||
console.log("编辑蜂场");
|
||
console.log(item);
|
||
uni.navigateTo({
|
||
url: `/pagesFengChang/addfengchang/index?info=${JSON.stringify(item)}`
|
||
})
|
||
},
|
||
deleteFengchang(item) {
|
||
console.log(item,'itemitemitem');
|
||
if(item.beehive_count==0){
|
||
let that = this
|
||
uni.showModal({
|
||
title: "提示",
|
||
content: '确定要删除蜂场：' + item.name + "?",
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
// console.log('用户点击确定');
|
||
request.delete('/api/apiary/delete/' + item.id, {}).then(res => {
|
||
that.listData(that.page)
|
||
uni.showToast({
|
||
icon: "none",
|
||
title: "删除成功"
|
||
})
|
||
})
|
||
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
})
|
||
}else{
|
||
this.show=true
|
||
}
|
||
|
||
},
|
||
HiddenClick(item) {
|
||
this.items.forEach(e => {
|
||
// 后台数据有一个是false就进
|
||
if (item.ShowHidden == false) {
|
||
// 将这边存储的数据也修改为false
|
||
e.ShowHidden = false
|
||
}
|
||
})
|
||
item.ShowHidden = !item.ShowHidden
|
||
// this.ShowHidden = true
|
||
this.$forceUpdate()
|
||
},
|
||
listData(page, qrcode) {
|
||
this.showloading=true
|
||
console.log(page, qrcode, '5555555555555')
|
||
request.get('/api/apiary/index', {
|
||
page,
|
||
qrcode
|
||
}).then(res => {
|
||
if(res.code == 401){
|
||
this.tokenflag = false
|
||
uni.hideLoading()
|
||
}else {
|
||
this.tokenflag = true
|
||
this.items = [...res.data.data]
|
||
console.log(this.items)
|
||
this.showloading=false
|
||
uni.hideLoading()
|
||
}
|
||
})
|
||
// console.log(res.data.data)
|
||
|
||
},
|
||
// 跳转到新增的页面
|
||
xinzeng() {
|
||
if (this.tokenflag == true) {
|
||
uni.navigateTo({
|
||
url: '/pagesFengChang/addfengchang/index'
|
||
})
|
||
}else{
|
||
uni.navigateTo({
|
||
url:'/pages/login/index'
|
||
})
|
||
}
|
||
|
||
}
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.loading {
|
||
z-index: 10074;
|
||
width: 224rpx;
|
||
height: 224rpx;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
border-radius: 40rpx 40rpx 40rpx 40rpx;
|
||
position: fixed;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translate(-50%, -50%);
|
||
|
||
.loading_box {
|
||
width: 100%;
|
||
height: 100%;
|
||
padding: 40rpx;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
|
||
image {
|
||
width: 108rpx;
|
||
height: 108rpx;
|
||
display: block;
|
||
}
|
||
|
||
text {
|
||
margin-top: 12rpx;
|
||
width: 100%;
|
||
text-align: center;
|
||
display: block;
|
||
font-size: 24rpx;
|
||
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
|
||
font-weight: 400;
|
||
color: #fff;
|
||
line-height: 24rpx;
|
||
}
|
||
}
|
||
|
||
}
|
||
.tip_box{
|
||
z-index: 10074;
|
||
width: 544rpx;
|
||
height: 238rpx;
|
||
opacity: 1;
|
||
border-radius: 30rpx;
|
||
background: rgba(255, 255, 255, 1);
|
||
position: fixed;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translate(-50%, -50%);
|
||
.tip{
|
||
width: 100%;
|
||
height: 100%;
|
||
padding: 40rpx;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
.txt{
|
||
width: 360rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: rgba(68, 68, 68, 1);
|
||
}
|
||
.button{
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-top: 10rpx;
|
||
width: 222rpx;
|
||
height: 64rpx;
|
||
opacity: 1;
|
||
border-radius: 30rpx;
|
||
background: rgba(35, 105, 63, 1);
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: rgba(255, 255, 255, 1);
|
||
}
|
||
|
||
}
|
||
}
|
||
.addbutton-box {
|
||
padding: 10rpx 5rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background-color: #23693f;
|
||
width: 300rpx;
|
||
height: 60rpx;
|
||
border-radius: 40rpx;
|
||
}
|
||
|
||
.addbutton {
|
||
color: #fff;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.fengchangbox {
|
||
width: 100vw;
|
||
height: 100vh;
|
||
}
|
||
|
||
.dianbox {
|
||
text-align: center;
|
||
width: 100rpx;
|
||
height: 50rpx;
|
||
}
|
||
|
||
// 气泡框的样式
|
||
.pop-text {
|
||
text-align: center;
|
||
font-size: 40rpx;
|
||
line-height: 100rpx;
|
||
padding: 30rpx 20rpx;
|
||
}
|
||
|
||
.mask-box {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100vw;
|
||
height: 100vh;
|
||
background-color: rgba(0, 0, 0, 0.1);
|
||
z-index: 90;
|
||
}
|
||
|
||
.arrivalNavigation {
|
||
width: 250rpx;
|
||
position: absolute;
|
||
right: 55rpx;
|
||
z-index: 99;
|
||
|
||
.sideNavigation {
|
||
width: 248rpx;
|
||
background-color: #ffff;
|
||
box-shadow: 0px 0px 10px grey;
|
||
color: #000;
|
||
border-radius: 10rpx;
|
||
|
||
li {
|
||
height: 85rpx;
|
||
text-align: center;
|
||
line-height: 85rpx;
|
||
font-size: 25rpx;
|
||
}
|
||
|
||
}
|
||
|
||
.d4 {
|
||
// position: absolute;
|
||
// left: 140rpx;
|
||
width: 0;
|
||
height: 0;
|
||
margin-left: 150rpx;
|
||
margin-top: -20rpx;
|
||
border-width: 20rpx;
|
||
border-style: solid;
|
||
border-color: transparent #333 transparent transparent;
|
||
transform: rotate(90deg);
|
||
/*顺时针旋转90°*/
|
||
|
||
}
|
||
}
|
||
|
||
.tjbutton {
|
||
margin-top: 20rpx;
|
||
width: 230rpx;
|
||
}
|
||
|
||
.konghezi {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
}
|
||
|
||
.flex-auto {
|
||
flex: 1
|
||
}
|
||
|
||
.button-box {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
}
|
||
|
||
.wendu-b {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.top-img {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.tac-dainlaing {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.suosou-fc {
|
||
text-align: right;
|
||
// display: flex;
|
||
}
|
||
|
||
.font-ml {
|
||
margin-left: 10rpx;
|
||
}
|
||
|
||
.inp-let-pa {
|
||
// position: relative;
|
||
// text-align: center;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
}
|
||
|
||
.input-text {
|
||
font-weight: 500;
|
||
}
|
||
|
||
.inp-let-pa-zi {
|
||
margin-right: 10rpx;
|
||
// position: absolute;
|
||
// left: 100rpx;
|
||
// top: 100rpx;
|
||
}
|
||
|
||
.page {
|
||
width: 100%;
|
||
height: 100%;
|
||
position: absolute;
|
||
top: 0px;
|
||
bottom: 0px;
|
||
background-color: #f7f7f7;
|
||
// overflow-y: auto;
|
||
// overflow-x: hidden;
|
||
}
|
||
|
||
.group {
|
||
padding-left: 68rpx;
|
||
padding-right: 28rpx;
|
||
}
|
||
|
||
.text {
|
||
color: #7d7d7d;
|
||
font-size: 28rpx;
|
||
font-family: SourceHanSansCN;
|
||
font-weight: 700;
|
||
line-height: 22rpx;
|
||
}
|
||
|
||
.space-x-6>view:not(:first-child),
|
||
.space-x-6>text:not(:first-child),
|
||
.space-x-6>image:not(:first-child) {
|
||
margin-left: 12rpx;
|
||
}
|
||
|
||
// .image {
|
||
// width: 34rpx;
|
||
// height: 22rpx;
|
||
// }
|
||
|
||
// .image_2 {
|
||
// width: 30rpx;
|
||
// height: 22rpx;
|
||
// }
|
||
|
||
// .image_3 {
|
||
// width: 48rpx;
|
||
// height: 23rpx;
|
||
// }
|
||
|
||
.space-x-82-reverse>view:not(:last-child),
|
||
.space-x-82-reverse>text:not(:last-child),
|
||
.space-x-82-reverse>image:not(:last-child) {
|
||
margin-right: 164rpx;
|
||
}
|
||
|
||
.text_2 {
|
||
color: #000000;
|
||
font-size: 36rpx;
|
||
font-family: AlibabaPuHuiTi;
|
||
line-height: 33rpx;
|
||
}
|
||
|
||
.image_4 {
|
||
filter: drop-shadow(0px 4rpx 4rpx #00000040);
|
||
border-radius: 120rpx;
|
||
width: 158rpx;
|
||
height: 60rpx;
|
||
}
|
||
|
||
.group_2 {
|
||
margin-top: 50rpx;
|
||
padding: 0 48rpx;
|
||
}
|
||
|
||
.section {
|
||
/* padding: 8rpx 24rpx;
|
||
background-color: #ffffff;
|
||
height: 56rpx; */
|
||
padding: 8rpx 24rpx;
|
||
background-color: #ffffff;
|
||
// width: 558rpx;
|
||
border: solid 2rpx #ffffff;
|
||
border-radius: 120rpx;
|
||
}
|
||
|
||
.image_6 {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
}
|
||
|
||
.text_3 {
|
||
// margin-right: 76rpx;
|
||
color: #888888;
|
||
font-size: 28rpx;
|
||
font-family: Nunito;
|
||
font-weight: 600;
|
||
// line-height: 27rpx;
|
||
}
|
||
|
||
.image_5 {
|
||
margin-left: 10rpx;
|
||
width: 53rpx;
|
||
height: 56rpx;
|
||
}
|
||
|
||
.list {
|
||
background-color: #f7f7f7;
|
||
margin-top: 36rpx;
|
||
padding: 0 22rpx 30rpx;
|
||
}
|
||
|
||
.space-y-13-color {
|
||
background-color: #f7f7f7;
|
||
}
|
||
|
||
.space-y-13>view:not(:first-child),
|
||
.space-y-13>text:not(:first-child),
|
||
.space-y-13>image:not(:first-child) {
|
||
margin-top: 26rpx;
|
||
}
|
||
|
||
.section_2 {
|
||
padding: 28rpx 0;
|
||
background-color: #ffffff;
|
||
border-radius: 20rpx;
|
||
}
|
||
|
||
.space-y-16>view:not(:first-child),
|
||
.space-y-16>text:not(:first-child),
|
||
.space-y-16>image:not(:first-child) {
|
||
margin-top: 32rpx;
|
||
}
|
||
|
||
.group_3 {
|
||
padding: 0 32rpx;
|
||
}
|
||
|
||
.font_1 {
|
||
font-size: 36rpx;
|
||
font-family: 微软雅黑;
|
||
line-height: 33rpx;
|
||
font-weight: 700;
|
||
color: #000000;
|
||
}
|
||
|
||
.font_2 {
|
||
font-size: 20rpx;
|
||
font-family: 微软雅黑;
|
||
line-height: 19rpx;
|
||
color: #888888;
|
||
}
|
||
|
||
.image_7 {
|
||
margin-top: 20rpx;
|
||
margin-right: 24rpx;
|
||
width: 45rpx;
|
||
height: 13rpx;
|
||
}
|
||
|
||
// .space-x-10>view:not(:first-child),
|
||
// .space-x-10>text:not(:first-child),
|
||
// .space-x-10>image:not(:first-child) {
|
||
// margin-left: 20rpx;
|
||
// }
|
||
|
||
.image_8 {
|
||
width: 22rpx;
|
||
height: 26rpx;
|
||
}
|
||
|
||
.font_3 {
|
||
font-size: 28rpx;
|
||
font-family: 微软雅黑;
|
||
line-height: 26rpx;
|
||
color: #444444;
|
||
}
|
||
|
||
.image_9 {
|
||
width: 18rpx;
|
||
height: 26rpx;
|
||
}
|
||
|
||
.group_4 {
|
||
margin-right: 28rpx;
|
||
}
|
||
|
||
.space-x-24>view:not(:first-child),
|
||
.space-x-24>text:not(:first-child),
|
||
.space-x-24>image:not(:first-child) {
|
||
margin-left: 48rpx;
|
||
}
|
||
|
||
.image_10 {
|
||
width: 20rpx;
|
||
height: 26rpx;
|
||
}
|
||
|
||
.image_11 {
|
||
width: 24rpx;
|
||
height: 26rpx;
|
||
}
|
||
|
||
.equal-division {
|
||
margin-top: 24rpx;
|
||
}
|
||
|
||
.group_5 {
|
||
padding: 0 36rpx;
|
||
}
|
||
|
||
.group_6 {
|
||
flex: 1 1 126rpx;
|
||
}
|
||
|
||
.image_12 {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
}
|
||
|
||
.font_4 {
|
||
font-size: 24rpx;
|
||
// font-weight: 500;
|
||
font-family: 微软雅黑;
|
||
line-height: 25rpx;
|
||
color: #444444;
|
||
}
|
||
|
||
.group_7 {
|
||
flex: 1 1 126rpx;
|
||
margin-left: 20rpx;
|
||
}
|
||
|
||
.equal-division-item {
|
||
padding: 8rpx 0;
|
||
}
|
||
|
||
.space-y-8>view:not(:first-child),
|
||
.space-y-8>text:not(:first-child),
|
||
.space-y-8>image:not(:first-child) {
|
||
margin-top: 16rpx;
|
||
}
|
||
|
||
.font_5 {
|
||
font-size: 24rpx;
|
||
font-family: 微软雅黑;
|
||
line-height: 22rpx;
|
||
font-weight: 700;
|
||
color: #444444;
|
||
}
|
||
|
||
.text_4 {
|
||
text-transform: lowercase;
|
||
}
|
||
|
||
.group_8 {
|
||
align-self: center;
|
||
margin-top: 28rpx;
|
||
}
|
||
|
||
.equal-division-item_2 {
|
||
padding: 20rpx 0;
|
||
background-color: #23693f;
|
||
border-radius: 111rpx;
|
||
width: 222rpx;
|
||
height: 64rpx;
|
||
}
|
||
|
||
.font_6 {
|
||
font-size: 28rpx;
|
||
font-family: 微软雅黑;
|
||
line-height: 26rpx;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.equal-division-item_3 {
|
||
padding: 20rpx 48rpx 20rpx 52rpx;
|
||
background-color: #23693f;
|
||
width: 150rpx;
|
||
text-align: center;
|
||
border-radius: 75rpx;
|
||
}
|
||
|
||
.space-x-8>view:not(:first-child),
|
||
.space-x-8>text:not(:first-child),
|
||
.space-x-8>image:not(:first-child) {
|
||
margin-left: 16rpx;
|
||
}
|
||
|
||
.space-x-20>view:not(:first-child),
|
||
.space-x-20>text:not(:first-child),
|
||
.space-x-20>image:not(:first-child) {
|
||
margin-left: 40rpx;
|
||
}
|
||
|
||
.equal-division_5 {
|
||
margin-top: 340rpx;
|
||
}
|
||
|
||
.section_5 {
|
||
background-color: #ffffff;
|
||
border-radius: 60rpx 60rpx 0 0;
|
||
border: solid 2rpx #f7f7f7;
|
||
}
|
||
|
||
.group_18 {
|
||
flex: 1 1 150rpx;
|
||
}
|
||
|
||
.equal-division-item_6 {
|
||
padding: 12rpx 0;
|
||
}
|
||
|
||
.space-y-6>view:not(:first-child),
|
||
.space-y-6>text:not(:first-child),
|
||
.space-y-6>image:not(:first-child) {
|
||
margin-top: 12rpx;
|
||
}
|
||
|
||
.font_8 {
|
||
font-size: 24rpx;
|
||
font-family: Poppins;
|
||
line-height: 22rpx;
|
||
color: #888888;
|
||
}
|
||
|
||
.text_8 {
|
||
color: #a6a6a6;
|
||
font-size: 22rpx;
|
||
line-height: 20rpx;
|
||
}
|
||
|
||
.text_9 {
|
||
color: #89c28c;
|
||
font-size: 22rpx;
|
||
line-height: 20rpx;
|
||
}
|
||
|
||
.space-y-4>view:not(:first-child),
|
||
.space-y-4>text:not(:first-child),
|
||
.space-y-4>image:not(:first-child) {
|
||
margin-top: 8rpx;
|
||
}
|
||
|
||
.text_10 {
|
||
font-size: 22rpx;
|
||
line-height: 20rpx;
|
||
}
|
||
|
||
.text_11 {
|
||
font-size: 22rpx;
|
||
line-height: 20rpx;
|
||
}
|
||
|
||
.image_14 {
|
||
filter: drop-shadow(0px 4rpx 4rpx #00000040);
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
}
|
||
|
||
.text_12 {
|
||
font-size: 22rpx;
|
||
line-height: 20rpx;
|
||
}
|
||
</style> |