123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- <template>
- <view class="back-content">
- <!-- 轮播图 -->
- <swiper class="top-ad-swiper" :indicator-dots="false" :autoplay="true" :interval="5000" :duration="600" :circular="true">
- <swiper-item v-for="(item,index) in imageTopList" :key="index">
- <div class="swiper-item uni-bg-red">
- <!-- <image class="swiper-item-imgse" :fade-show='true' :src="item.photo"></image> -->
- <u-image mode="scaleToFill" width="750upx" height="400upx" :src="item.photo"></u-image>
- </div>
- </swiper-item>
- </swiper>
- <view class="back-text">
- <!-- 门店 -->
- <view class="text-item">
- 常青二路店
- </view>
- <!-- 处理人 -->
- <view class="text-item">
- <view>
- <text>处理人</text>
- <text class="margin-left ellipsis-one">张三丰</text>
- </view>
- <view class="time ">
- 2020-08-07 到期
- </view>
- </view>
- <!-- 创建人 -->
- <view class="text-item">
- <view>
- <text>创建人</text>
- <text class="margin-left ellipsis-one">张三丰</text>
- </view>
- <view class="time">
- 2020-08-07 创建
- </view>
- </view>
- <!-- 指标 -->
- <view class="text-item">
- <view>
- 考评指标
- </view>
- <view class="margin-left">
- 正常营业
- </view>
- </view>
- <!-- 描述 -->
- <view class="text-item">
- <view>
- 描述
- </view>
- <view class="margin-left">
- 正常营业
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- components: {
- },
- data() {
- return {
- // 顶部轮播图片
- imageTopList:[],
- }
- },
- onLoad(option) {
- console.log(option.id)
- this.getData(option.id)
- },
- methods: {
- // 获取详情数据
- getData (id) {
-
- }
-
- }
- }
- </script>
- <style lang="scss" scoped>
- .back-content {
- .top-ad-swiper{
- height: 340upx;
- }
- .swiper-item-imgse{
- width: 750upx;
- height: 340upx;
- }
- .back-text{
- background: #ffffff;
- padding: 10upx 20upx;
- margin: 20upx;
- border-radius: 6upx;
- box-shadow: 1px 1px 3px #EEEEEE;
- .text-item{
- display: flex;
- align-items: center;
- padding: 20upx 10upx;
- font-size: 28upx;
- justify-content: space-between;
- .margin-left{
- margin-left: 30upx;
- }
- .time{
- color: #888;
- font-size: 26upx;
- margin-left: 10upx;
- }
- > view{
- &:first-child{
- flex: 1;
- }
- }
- }
-
- }
- }
- </style>
|