6.8
This commit is contained in:
24
pageE/more/AddAddress.vue
Normal file
24
pageE/more/AddAddress.vue
Normal file
@@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<view class="add-address">
|
||||
<AddressActive></AddressActive>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import AddressActive from '@/components/mine/address-active/index'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
checked: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AddressActive
|
||||
},
|
||||
onLoad() {}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.add-address {
|
||||
min-height: calc(100vh - var(--window-top));
|
||||
}
|
||||
</style>
|
||||
25
pageE/more/Address.vue
Normal file
25
pageE/more/Address.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<view class="address">
|
||||
<AddressItem :addressList='addressList'></AddressItem>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import AddressItem from '@/components/mine/address-block/address-item'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
addressList: ['0', '1', '2', '3']
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AddressItem
|
||||
},
|
||||
onLoad() {}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.address {
|
||||
min-height: calc(100vh - var(--window-top));
|
||||
background-color: #ECECEC;
|
||||
}
|
||||
</style>
|
||||
26
pageE/more/AfterSalesHelp.vue
Normal file
26
pageE/more/AfterSalesHelp.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<view class="after-sale">
|
||||
<ArticleList :articleList="policyList" :type="type"></ArticleList>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import ArticleList from '@/components/mine/article-list/index'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
type: '售后政策',
|
||||
policyList: [1,1,1,1, 1, 1, 1]
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ArticleList
|
||||
},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.after-sale {
|
||||
min-height: calc(100vh - var(--window-top));
|
||||
background-color: #ECECEC;
|
||||
}
|
||||
</style>
|
||||
102
pageE/more/Complaints.vue
Normal file
102
pageE/more/Complaints.vue
Normal file
@@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<view class="complaints">
|
||||
<view class="complaints-box">
|
||||
<view class="suggestions">
|
||||
<view class="text">您的满意是对我们最大的支持，茫茫德铭阳光之中能够遇到亲也是我们的荣幸</view>
|
||||
<view class="image">
|
||||
<image v-for="(url, index) in imgList" :key="index" :src="url"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="reply">
|
||||
<view class="reply-title">后台回复：</view>
|
||||
<view class="reply-content u-line-4">您的满意是对我们最大的支持，茫茫德铭阳光之中能够遇到亲也是我们的荣幸，您的评价是对我们付出最好的认可，我们会不断前行，不忘初衷，给亲们提供更好的服务和产品!我把对您的谢意写在纸上，被风吹走了;我把对您的谢意写在沙滩上，被海浪卷走了;我只好把对您的谢意写在解释里，这样才会永驻心间!感谢您对的支持!加油!加油!， 祝您生活愉快，工作顺利，期待我们下次合作愉快! ! !</view>
|
||||
</view>
|
||||
<view class="date">
|
||||
<image src="../static/mine/26.png"></image>
|
||||
<view>2020-05-14</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
imgList: [
|
||||
require('../static/mine/23.png'),
|
||||
require('../static/mine/23.png'),
|
||||
require('../static/mine/23.png'),
|
||||
require('../static/mine/23.png')
|
||||
]
|
||||
}
|
||||
},
|
||||
onNavigationBarButtonTap() {
|
||||
uni.navigateTo({
|
||||
url: '/pageE/more/WriteComments'
|
||||
});
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.complaints {
|
||||
min-height: calc(100vh - var(--window-top));
|
||||
background-color: #ECECEC;
|
||||
padding-top: 1rpx;
|
||||
.complaints-box {
|
||||
padding: 30rpx;
|
||||
background-color: #ffffff;
|
||||
.suggestions {
|
||||
.text {
|
||||
font-size: 26rpx;
|
||||
color: rgba(51,51,51,1);
|
||||
margin-bottom: 25rpx;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.image {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
> image {
|
||||
width: 210rpx;
|
||||
height: 210rpx;
|
||||
flex-shrink: 0;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 10rpx;
|
||||
&:not(:nth-child(3n)) {
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.reply {
|
||||
width: 690rpx;
|
||||
height: 224rpx;
|
||||
background: rgba(240,238,238,1);
|
||||
border-radius: 10rpx;
|
||||
padding: 20rpx;
|
||||
font-size: 24rpx;
|
||||
color: rgba(102,102,102,1);
|
||||
margin: 20rpx 0;
|
||||
.reply-title {
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.reply-content {
|
||||
line-height: 36rpx;
|
||||
}
|
||||
}
|
||||
.date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
> image {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 12rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
> view {
|
||||
font-size: 24rpx;
|
||||
color: rgba(153,153,153,1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
63
pageE/more/EditAddress.vue
Normal file
63
pageE/more/EditAddress.vue
Normal file
@@ -0,0 +1,63 @@
|
||||
<template>
|
||||
<view class="edit-address">
|
||||
<AddressActive></AddressActive>
|
||||
<u-popup v-model="popupShow" mode="center" border-radius="10">
|
||||
<view class="popup-tips">确定要删除该地址吗</view>
|
||||
<view class="popup-btn">
|
||||
<view class="cancel" @click="popupShow=false">取消</view>
|
||||
<view class="determine" @click="delAddress">确定</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import AddressActive from '@/components/mine/address-active/index'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
popupShow: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AddressActive
|
||||
},
|
||||
onLoad() {},
|
||||
onNavigationBarButtonTap() {
|
||||
this.popupShow = true
|
||||
},
|
||||
methods: {
|
||||
delAddress() {
|
||||
this.popupShow = false
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.edit-address {
|
||||
min-height: calc(100vh - var(--window-top));
|
||||
.popup-tips {
|
||||
width: 420rpx;
|
||||
text-align: center;
|
||||
line-height: 104rpx;
|
||||
font-size: 28rpx;
|
||||
color: rgba(102,102,102,1);
|
||||
}
|
||||
.popup-btn {
|
||||
width: 420rpx;
|
||||
display: flex;
|
||||
border-top: 2rpx solid #ECECEC;
|
||||
> view {
|
||||
flex: 1;
|
||||
height: 98rpx;
|
||||
text-align: center;
|
||||
line-height: 98rpx;
|
||||
&:first-child {
|
||||
border-right: 2rpx solid #ECECEC;
|
||||
}
|
||||
}
|
||||
.determine {
|
||||
color: #FF780F;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
26
pageE/more/MineHelp.vue
Normal file
26
pageE/more/MineHelp.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<view class="mine-help">
|
||||
<ArticleList :articleList="helpList" :type="type"></ArticleList>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import ArticleList from '@/components/mine/article-list/index'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
type: '使用帮助',
|
||||
helpList: [1,1,1,1, 1, 1, 1]
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ArticleList
|
||||
},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.mine-help {
|
||||
min-height: calc(100vh - var(--window-top));
|
||||
background-color: #ECECEC;
|
||||
}
|
||||
</style>
|
||||
74
pageE/more/WriteComments.vue
Normal file
74
pageE/more/WriteComments.vue
Normal file
@@ -0,0 +1,74 @@
|
||||
<template>
|
||||
<view class="write-complaints">
|
||||
<view class="main-container">
|
||||
<textarea @blur="bindTextAreaBlur" auto-height placeholder="发表您的意见吧，我们会做得更好." maxlength="200" />
|
||||
<u-upload
|
||||
ref="uUpload"
|
||||
@on-uploaded="onUploaded"
|
||||
:custom-btn="true"
|
||||
:max-count="count"
|
||||
:auto-upload="false"
|
||||
>
|
||||
<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
|
||||
<img src="../static/mine/27.png" />
|
||||
</view>
|
||||
</u-upload>
|
||||
</view>
|
||||
<view class="write-btn" @click="submit">发表意见</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
count: 4, // 最大图片数量
|
||||
imageList: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit() {
|
||||
this.$refs.uUpload.upload();
|
||||
},
|
||||
onUploaded(list) {
|
||||
console.log(list)
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.write-complaints {
|
||||
min-height: calc(100vh - var(--window-top));
|
||||
background-color: #ECECEC;
|
||||
.main-container {
|
||||
background-color: #ffffff;
|
||||
padding: 30rpx;
|
||||
textarea {
|
||||
width: 100% !important;
|
||||
margin-bottom: 60rpx;
|
||||
}
|
||||
.slot-btn {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
background: rgba(236,236,236,1);
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
> img {
|
||||
margin-top: 48rpx;
|
||||
width: 54rpx;
|
||||
height: 49rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.write-btn {
|
||||
margin: 120rpx auto 0;
|
||||
width: 690rpx;
|
||||
height: 98rpx;
|
||||
background: rgba(255,120,15,1);
|
||||
border-radius: 46rpx;
|
||||
font-size: 36rpx;
|
||||
color: rgba(255,255,255,1);
|
||||
text-align: center;
|
||||
line-height: 98rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user