74 lines
1.2 KiB
Vue
74 lines
1.2 KiB
Vue
|
<template>
|
|||
|
|
<div class="uploadPhoto">
|
|||
|
|
<div class="photo">
|
|||
|
|
<div class="photo-title">图片 <span>（最多1张）</span></div>
|
|||
|
|
<div class="pad-120">
|
|||
|
|
<AiUploader :limit="1" multiple placeholder="上传图片" :def.sync="picture" action="/admin/file/add-portrait"/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height: 56px;"></div>
|
|||
|
|
<div class="btn" @click="back">返回</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {mapActions} from "vuex";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
name: 'uploadPhoto',
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
picture: []
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
...mapActions(['getAccount']),
|
|||
|
|
back() {
|
|||
|
|
uni.navigateBack({
|
|||
|
|
success: () => {
|
|||
|
|
this.getAccount()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
document.title = '头像上传'
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.uploadPhoto {
|
|||
|
|
|
|||
|
|
.photo {
|
|||
|
|
background-color: #FFFFFF;
|
|||
|
|
padding: 20px 30px;
|
|||
|
|
|
|||
|
|
.photo-title {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100px;
|
|||
|
|
line-height: 80px;
|
|||
|
|
color: #333333;
|
|||
|
|
|
|||
|
|
& > span {
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn {
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 112px;
|
|||
|
|
line-height: 112px;
|
|||
|
|
text-align: center;
|
|||
|
|
background-color: #1365DD;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|