|
@@ -1,12 +1,20 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
<view v-if='!editstatus&&fileList.length>0' class="swiper-wrap">
|
|
|
- <u-swiper :list="fileList" indicator indicatorMode="dot"
|
|
|
+ <u-swiper :list="fileList"
|
|
|
autoplay
|
|
|
imgMode='aspectFit'
|
|
|
- height='300'
|
|
|
- @change="change" @click="click">
|
|
|
- </u-swiper>
|
|
|
+ height='280'
|
|
|
+ @change="e => current = e.current" @click="click">
|
|
|
+ <view slot="indicator" class="indicator">
|
|
|
+ <view
|
|
|
+ class="indicator__dot"
|
|
|
+ v-for="(item, index) in fileList"
|
|
|
+ :key="index"
|
|
|
+ :class="[index === current && 'indicator__dot--active']">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-swiper>
|
|
|
</view>
|
|
|
<!-- <u-skeleton
|
|
|
rows="3"
|
|
@@ -21,9 +29,9 @@
|
|
|
<view v-if='editstatus'>公司/机构名称</view>
|
|
|
<view class='title' v-else>{{companyData.companyName}}</view>
|
|
|
<u--input v-if='editstatus' v-model="companyData.companyName" placeholder="请输入公司名称" border="none" inputAlign='right'></u--input>
|
|
|
- <view v-if='!editstatus' style='width:30px;' class='button flex align-item-center' @click='edit'>
|
|
|
+ <view v-if='!editstatus' style='width:50px;' class='button flex align-item-center' @click='edit'>
|
|
|
<image src="../../static/imgs/mySet/edit.png" style='width:26rpx;height:26rpx;' mode=""></image>
|
|
|
- <view >编辑</view>
|
|
|
+ <view style='margin-left:10rpx;'>编辑</view>
|
|
|
</view>
|
|
|
<view v-else @click='$u.debounce(buttonsubmit, 500)' class='button'>提交</view>
|
|
|
</view>
|
|
@@ -91,7 +99,8 @@
|
|
|
fileList:[],
|
|
|
fileList1:[],
|
|
|
editstatus:false,
|
|
|
- id:''
|
|
|
+ id:'',
|
|
|
+ current:0,
|
|
|
}
|
|
|
},
|
|
|
onLoad(options) {
|
|
@@ -293,6 +302,27 @@
|
|
|
.content{
|
|
|
|
|
|
}
|
|
|
+ .indicator {
|
|
|
+ background:rgba(10, 23, 61, 0.5);
|
|
|
+ padding: 9rpx 5rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ @include flex(row);
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ &__dot {
|
|
|
+ height: 6px;
|
|
|
+ width: 6px;
|
|
|
+ border-radius: 100px;
|
|
|
+ background-color: rgba(255, 255, 255, 0.5);
|
|
|
+ margin: 0 5px;
|
|
|
+ transition: background-color 0.3s;
|
|
|
+
|
|
|
+ &--active {
|
|
|
+ background-color: #ffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.top{
|
|
|
width: 100vw;
|
|
|
height: 135rpx;
|
|
@@ -335,4 +365,9 @@
|
|
|
padding:20rpx;
|
|
|
font-size:28rpx;
|
|
|
}
|
|
|
+ .company-title .title{
|
|
|
+ color:#112253;
|
|
|
+ font-size:36rpx;
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|