| | |
| | | <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data>
|
| | | <view v-for="(item,index) in list" :key="index" class="m-b-24 flow-manage-list">
|
| | | <view class="flow-manage-list-item">
|
| | | <view class="flex">
|
| | | <image class="flower-img img100 m-r-6" :src="item.cover" @click="previewImg(item.cover)">
|
| | | </image>
|
| | | <view class="flex m-r-6">
|
| | | <view class="img flower-img m-r-6">
|
| | | <image class="flower-img img100 " :src="item.cover"
|
| | | :class="[!item.stock?'component-stock-zero':'']" @click="previewImg(item.cover)">
|
| | |
|
| | | </image>
|
| | | <view class="status" :class="[!item.stock?'zero':'']" v-if="item.statusStr">
|
| | | {{ item.statusStr}}
|
| | | </view>
|
| | | </view>
|
| | |
|
| | | <view class="flex1">
|
| | | <view class=" flex">
|
| | | <view class="title">{{item.name}}<span class="level">{{item.levelStr}}</span></view>
|
| | |
| | | height: 118rpx;
|
| | | min-width: 128rpx;
|
| | | min-height: 118rpx;
|
| | | position: relative;
|
| | |
|
| | | .status {
|
| | | position: absolute;
|
| | | min-width: 66rpx;
|
| | | height: 34rpx;
|
| | | background: #20613D;
|
| | | left: 0;
|
| | | top: 0;
|
| | | border-top-left-radius: 8rpx;
|
| | | border-bottom-right-radius: 8rpx;
|
| | | color: #FFFFFF;
|
| | | line-height: 34rpx;
|
| | | font-size: 22rpx;
|
| | | text-align: center;
|
| | | }
|
| | |
|
| | | .status.zero {
|
| | | // background: unset;
|
| | | // font-size: 24rpx;
|
| | |
|
| | | }
|
| | | }
|
| | |
|
| | | .each-list {
|