You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
4.6 KiB
131 lines
4.6 KiB
<style lang="less" scoped>
|
|
.container{
|
|
height:100%;
|
|
background:#f6f6f6;
|
|
|
|
scroll-view{
|
|
.card{
|
|
margin-top:0;
|
|
&>.title{
|
|
display: flex;
|
|
align-items: center;
|
|
.icon{
|
|
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16.001999' viewBox='0 0 16 16.002' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpath id='path' d='M0 16L8 16L8 0L0 0L0 16ZM4.57098 1.143L6.85699 1.143L6.85699 3.429L4.57098 3.429L4.57098 1.143ZM4.57098 4.572L6.85699 4.572L6.85699 6.858L4.57098 6.858L4.57098 4.572ZM4.57098 8.001L6.85699 8.001L6.85699 10.287L4.57098 10.287L4.57098 8.001ZM1.142 1.144L3.42801 1.144L3.42801 3.43L1.14301 3.43L1.142 1.144ZM1.142 4.573L3.42801 4.573L3.42801 6.859L1.14301 6.859L1.142 4.573ZM1.142 8.002L3.42801 8.002L3.42801 10.288L1.14301 10.288L1.142 8.002ZM9.142 16.002L11.428 16.002L11.428 12.571L14.857 12.571L14.857 16L16 16L16 9.143L9.14301 9.143L9.142 16.002ZM9.142 6.859L16 6.859L16 8L9.14301 8L9.142 6.859Z' fill='%2310C176' fill-opacity='1' fill-rule='nonzero'/%3E %3C/svg%3E ");
|
|
background-size:100% 100%;
|
|
width:32rpx;
|
|
height:32rpx;
|
|
margin-right:12rpx;
|
|
}
|
|
.name{
|
|
font-size:32rpx;
|
|
font-weight: bold;
|
|
margin-right:10rpx;
|
|
}
|
|
.statu{
|
|
margin-left:auto;
|
|
font-size:24rpx;
|
|
font-weight: bold;
|
|
&.no{
|
|
color:#00C220;
|
|
}
|
|
&.unusual{
|
|
color:#EE263A;
|
|
display: flex;
|
|
align-items: center;
|
|
&:before{
|
|
content:"";
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ee263a;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M6,0A4.416,4.416,0,0,0,2.893,1.254,4.284,4.284,0,0,0,1.621,4.29v5.856h8.712V4.29A4.254,4.254,0,0,0,9.055,1.254,4.4,4.4,0,0,0,6,0Zm-.36,8.742L5.515,5.9H3.367l2.82-3.558.24,2.292,2.04.072L5.617,8.742ZM0,11.346a.654.654,0,0,1,.654-.66H11.347a.672.672,0,0,1,.462.192.684.684,0,0,1,.192.468.654.654,0,0,1-.654.654H.655A.654.654,0,0,1,0,11.346Zm0,0' transform='translate(-0.001)'/%3E%3C/svg%3E");
|
|
width:24rpx;
|
|
height:24rpx;
|
|
margin-right:4rpx;
|
|
}
|
|
}
|
|
}
|
|
.plant-youbian{
|
|
color:#777;
|
|
}
|
|
}
|
|
&>.imgs{
|
|
display: flex;
|
|
image{
|
|
border-radius: 8rpx;
|
|
width:calc((100% - 20rpx*3)/4);
|
|
height:140rpx;
|
|
&+image{
|
|
margin-left:20rpx;
|
|
}
|
|
}
|
|
}
|
|
&>.foot{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border-top:2rpx solid rgba(216, 216, 216, 0.3);
|
|
color:#999;
|
|
padding-top:15rpx;
|
|
margin-top:10rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
<template>
|
|
<view class="container">
|
|
<d-navbar text="巡园记录" isBack style="--bg:#10C176;--c:#fff;">
|
|
<text slot="right" class="plant-xinjian" @click="toAddPage"/>
|
|
</d-navbar>
|
|
<d-search v-model="searchVal.name" @search="clean();search()"/>
|
|
<scroll-view scroll-y>
|
|
<view class="card" @click="$u.route({url:'/pages/patrolGarden/detail'})">
|
|
<view class="title">
|
|
<text class="icon"/>
|
|
<text class="name over">一号基地</text>
|
|
<text class="statu no">无异常</text>
|
|
</view>
|
|
<view class="imgs">
|
|
<image v-for="i in 4" :key="i" mode="aspectFit" src="https://alipic.lanhuapp.com/XDSlicePNGMAX3347bbbb56235edbfb4639fd8039bce3d3d9b375b7ead4bc95a9a6f3d4156935.png"/>
|
|
</view>
|
|
<u-read-more toggle closetext="展开" showHeight="80rpx">
|
|
柑橘黄斑病，是子囊菌亚门球腔菌属的柑橘球腔菌侵染所致，病菌以菌丝体在病叶和落叶中越冬。柑橘黄斑病，是子囊菌亚门球腔菌属的柑橘球腔菌侵染所致，病菌以菌丝体在病叶和落叶中越冬。柑橘黄斑病，是子囊菌亚门球。
|
|
</u-read-more>
|
|
<view class="foot">
|
|
<text>巡园日期：2020-09-09</text>
|
|
<text>张召忠</text>
|
|
</view>
|
|
</view>
|
|
<view class="card" @click="$u.route({url:'/pages/patrolGarden/app'})">
|
|
<view class="title">
|
|
<text class="icon"/>
|
|
<text class="name over">一号基地</text>
|
|
<text class="statu unusual">异常</text>
|
|
<text class="plant-youbian"/>
|
|
</view>
|
|
<view class="imgs">
|
|
<image v-for="i in 4" :key="i" mode="aspectFit" src="https://alipic.lanhuapp.com/XDSlicePNGMAX3347bbbb56235edbfb4639fd8039bce3d3d9b375b7ead4bc95a9a6f3d4156935.png"/>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data(){
|
|
return{
|
|
searchVal:{
|
|
name:"",
|
|
},
|
|
}
|
|
},
|
|
methods:{
|
|
clean(){},
|
|
async search(){
|
|
|
|
},
|
|
toAddPage(){
|
|
uni.navigateTo({
|
|
url:"/pages/patrolGarden/info"
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|