Browse Source

修改样式

master
邓宏 2 years ago
parent
commit
18c8da99b7
  1. 2
      pages/massif/mana/plantPlan.vue
  2. 71
      pages/massif/mana/recovery.vue

2
pages/massif/mana/plantPlan.vue

@ -6,7 +6,9 @@
scroll-view{
flex-grow: 1;
height:1rpx;
padding-top:30rpx;
.card{
margin-top:0;
&>.info{
display:flex;
&>.u-transition{

71
pages/massif/mana/recovery.vue

@ -1,6 +1,10 @@
<style lang="scss" scoped>
.recovery{
height:100%;
display:flex;
flex-direction: column;
&>.dateRange{
flex-shrink: 0;
display: flex;
align-items: center;
margin:30rpx;
@ -31,37 +35,44 @@
}
}
}
.card{
display:flex;
.u-transition{
flex-shrink: 0;
margin-right:20rpx;
}
.detail{
flex-grow: 1;
.name{
display: flex;
justify-content: space-between;
margin-bottom:15rpx;
text{
&:first-child{
font-weight: bold;
}
&:nth-child(2){
font-weight: bold;
font-size:32rpx;
&:after{
content:attr(data-unit);
font-weight: normal;
scroll-view{
flex-grow: 1;
height:1rpx;
.card{
margin-top:0;
display:flex;
.u-transition{
flex-shrink: 0;
margin-right:20rpx;
}
.detail{
flex-grow: 1;
.name{
display: flex;
justify-content: space-between;
margin-bottom:15rpx;
text{
&:first-child{
font-weight: bold;
}
&:nth-child(2){
font-weight: bold;
font-size:32rpx;
&:after{
content:attr(data-unit);
font-weight: normal;
}
}
}
}
}
.info{
font-size: 24rpx;
color:#999;
text:nth-child(2){
margin-left:20rpx;
.info{
font-size: 24rpx;
color:#999;
text:nth-child(2){
margin-left:20rpx;
}
}
}
}
@ -78,7 +89,9 @@
<scroll-view scroll-y @scrollotower="search">
<view class="card" v-for="(v,k) in list" :key="k">
<u-image width="90rpx" height="90rpx" radius="6rpx" mode="aspectFill" :src="`${host}/${v.images}`"/>
<u-image width="90rpx" height="90rpx" radius="6rpx" mode="aspectFill" :src="`${host}/${v.images}`">
<text slot="error" style="font-size:45rpx;" class="plant-xiaopangchetupianjiazaishibai"/>
</u-image>
<view class="detail">
<view class="name">
<text>{{v.plantName}}</text>

Loading…
Cancel
Save