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.
106 lines
3.4 KiB
106 lines
3.4 KiB
3 years ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<view class="width100 mart10 backcorfff">
|
||
|
|
<view class="storename">
|
||
|
|
<view class="namecont">门店账号</view>
|
||
|
|
<input placeholder="请输入门店账号" v-model="storeaccount" style="width: 70%;"
|
||
|
|
placeholder-style="color: #bfbfbf;font-size:14px;padding-top:2px;" />
|
||
|
|
</view>
|
||
|
|
<view class="storename">
|
||
|
|
<view class="namecont">门店密码</view>
|
||
|
|
<input placeholder="请输入门店密码" v-model="storepasd" style="width: 70%;"
|
||
|
|
placeholder-style="color: #bfbfbf;font-size:14px;padding-top:2px;" />
|
||
|
|
</view>
|
||
|
|
<view class="storename">
|
||
|
|
<view class="namecont">门店名称</view>
|
||
|
|
<input placeholder="请输入门店名称" v-model="storename" style="width: 70%;"
|
||
|
|
placeholder-style="color: #bfbfbf;font-size:14px;padding-top:2px;" />
|
||
|
|
</view>
|
||
|
|
<view class="storename">
|
||
|
|
<view class="namecont">门店电话</view>
|
||
|
|
<input placeholder="请输入门店电话" v-model="storephone" style="width: 70%;"
|
||
|
|
placeholder-style="color: #bfbfbf;font-size:14px;padding-top:2px;" />
|
||
|
|
</view>
|
||
|
|
<view class="notes font16" style="border-bottom: 0px;">
|
||
|
|
<view class="width70 aliitem fcor666">
|
||
|
|
门店照片
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="width94 displ mart5">
|
||
|
|
<image src="../../../static/img/store/store1.png" mode="widthFix" class="width45"
|
||
|
|
style="margin-left: 3%;"></image>
|
||
|
|
<image src="../../../static/img/store/store2.png" mode="widthFix" class="width45"
|
||
|
|
@click="perImage('../../../static/img/store/store2.png')" style="margin-left: 3%;"></image>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="width94 displ mart5">
|
||
|
|
<image src="../../../static/img/store/store3.png" mode="widthFix" class="width45"
|
||
|
|
style="margin-left: 3%;"></image>
|
||
|
|
<image src="../../../static/img/store/store4.png" mode="widthFix" class="width45"
|
||
|
|
@click="perImage('../../../static/img/store/store4.png')" style="margin-left: 3%;"></image>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="width94 displ mart5 marb15">
|
||
|
|
<image src="../../../static/img/store/store5.png" mode="widthFix" class="width45"
|
||
|
|
style="margin-left: 3%;"></image>
|
||
|
|
<image src="../../../static/img/store/store6.png" mode="widthFix" class="width45"
|
||
|
|
@click="perImage('../../../static/img/store/store6.png')" style="margin-left: 3%;"></image>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
storeaccount: '', //门店账号
|
||
|
|
storepasd: '', //门店密码
|
||
|
|
storename: '', //门店名称
|
||
|
|
storephone: '', //门店电话
|
||
|
|
storeimg1: '', //门店图片
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
/**
|
||
|
|
* @param {Object} item 放大图片
|
||
|
|
*/
|
||
|
|
perImage(item) {
|
||
|
|
uni.previewImage({
|
||
|
|
current: 0, //预览图片的下标
|
||
|
|
urls: [item] //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以
|
||
|
|
})
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.storename {
|
||
|
|
width: calc(100% - 40upx);
|
||
|
|
height: 100upx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
background-color: rgba($color: #ffffff, $alpha: 0.1);
|
||
|
|
border-bottom: 1px solid #f6f6f6;
|
||
|
|
padding: 8upx 20upx;
|
||
|
|
|
||
|
|
.namecont {
|
||
|
|
color: #666666;
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.notes {
|
||
|
|
width: calc(100% - 90upx);
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
background-color: rgba($color: #ffffff, $alpha: 0.1);
|
||
|
|
border-bottom: 1px solid #f6f6f6;
|
||
|
|
padding: 20rpx 45rpx;
|
||
|
|
color: #bfbfbf;
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|