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.
93 lines
1.8 KiB
93 lines
1.8 KiB
<template> |
|
<view class="editdabang-box"> |
|
<view class="edit-box"> |
|
<textarea v-model="expect" placeholder="请在此输入文字..." /> |
|
</view> |
|
<view class="upload-img-box acea-row row-middle"> |
|
<view class="pictrue" v-for="(item, uploadPicturesIndex) in uploadPictures" |
|
:key="uploadPicturesIndex"> |
|
<image :src="item" /> |
|
<text class="reduce iconfont icon-guanbi1 font-color-red" |
|
@click="uploadPictures.splice(uploadPicturesIndex, 1)"></text> |
|
</view> |
|
<view class="pictrue uploadBnt acea-row row-center-wrapper row-column" @tap="chooseImage"> |
|
<text class="iconfont icon-icon25201"></text> |
|
<view>上传图片</view> |
|
</view> |
|
</view> |
|
<view class="submit-btn">发布</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import { |
|
chooseImage |
|
} from "@/utils"; |
|
export default { |
|
components: { |
|
// VueCoreImageUpload |
|
}, |
|
data: function() { |
|
return { |
|
uploadPictures: [], |
|
expect: "", |
|
unique: "" |
|
}; |
|
}, |
|
methods:{ |
|
chooseImage() { |
|
chooseImage(img => { |
|
this.uploadPictures.push(img); |
|
}); |
|
}, |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="less" scoped> |
|
.editdabang-box{ |
|
width: 100%; |
|
height: 100vh; |
|
padding: 0 30rpx; |
|
background: #fff; |
|
} |
|
.edit-box{ |
|
width: 100%; |
|
padding: 50rpx 0; |
|
border-bottom: 1px solid #ececec; |
|
} |
|
.upload-img-box{ |
|
margin-top: 50rpx; |
|
.pictrue{ |
|
width: 200rpx; |
|
height: 200rpx; |
|
border-radius: 10rpx; |
|
background: #F6F6F6; |
|
color: #E2B35D; |
|
position: relative; |
|
margin-right: 20rpx; |
|
font-size: 28rpx; |
|
image{ |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.reduce{ |
|
position: absolute; |
|
top: -12rpx; |
|
right: -12rpx; |
|
} |
|
} |
|
} |
|
.submit-btn{ |
|
width: 340rpx; |
|
height: 88rpx; |
|
background: linear-gradient(180deg, #F7D08E 0%, #E2B35D 100%); |
|
border-radius: 44rpx; |
|
text-align: center; |
|
line-height: 88rpx; |
|
font-size: 32rpx; |
|
color: #fff; |
|
margin: 72rpx auto; |
|
} |
|
|
|
</style>
|
|
|