|
|
|
@ -0,0 +1,135 @@ |
|
|
|
<template> |
|
|
|
<view class="info-edit"> |
|
|
|
<!-- 门店picker --> |
|
|
|
<view class="ie-stadium"> |
|
|
|
<view class="ie-title"><text class="it-star">*</text>门店</view> |
|
|
|
<picker mode="selector"> |
|
|
|
<view class="is-box"> |
|
|
|
<input type="text" class="ib-ipt" disabled/> |
|
|
|
<image class="ib-icon" mode="aspectFit" src="/subpackage/message/static/images/unfold.png"></image> |
|
|
|
</view> |
|
|
|
</picker> |
|
|
|
</view> |
|
|
|
<!-- 标题 --> |
|
|
|
<view class="ie-section"> |
|
|
|
<view class="ie-title"><text class="it-star">*</text>标题</view> |
|
|
|
<input type="text" class="ie-ipt" placeholder="请输入" /> |
|
|
|
</view> |
|
|
|
<!-- 类型 --> |
|
|
|
<view class="ie-types"> |
|
|
|
<view class="ie-title"><text class="it-star">*</text>类型</view> |
|
|
|
<view class="it-ls"> |
|
|
|
<view class="il-item" v-for="(e, i) in ['硬件', '软件']" :key="i"> |
|
|
|
<view class="ii-icon" :class="{ active: i === 0 }"></view> |
|
|
|
<view class="ii-txt">{{ e || '' }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 反馈内容 --> |
|
|
|
<view class="ie-section"> |
|
|
|
<view class="ie-title"><text class="it-star">*</text>反馈内容</view> |
|
|
|
<textarea class="ie-tarea" placeholder="请输入"></textarea> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default { |
|
|
|
|
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
.info-edit{ |
|
|
|
padding: 30upx; |
|
|
|
border-radius: 20upx; |
|
|
|
background: #fff; |
|
|
|
.ie-title{ |
|
|
|
flex-shrink: 0; |
|
|
|
@include flcw(32upx, 44upx, #1A1A1A, 500); |
|
|
|
.it-star{ |
|
|
|
color: #EA5061; |
|
|
|
} |
|
|
|
} |
|
|
|
.ie-section{ |
|
|
|
margin-top: 24upx; |
|
|
|
|
|
|
|
} |
|
|
|
.ie-ipt, .ie-tarea{ |
|
|
|
display: block; |
|
|
|
margin-top: 24upx; |
|
|
|
padding: 26upx 20upx; |
|
|
|
border-radius: 16upx; |
|
|
|
background: #F6F8F9; |
|
|
|
@include flcw(28upx, 40upx, #1A1A1A); |
|
|
|
} |
|
|
|
.ie-tarea{ |
|
|
|
height: 306upx; |
|
|
|
} |
|
|
|
.ie-stadium{ |
|
|
|
@include ctf; |
|
|
|
.ie-title{ |
|
|
|
margin-right: 30upx; |
|
|
|
} |
|
|
|
.is-box{ |
|
|
|
padding: 0 22upx; |
|
|
|
width: 478upx; |
|
|
|
height: 92upx; |
|
|
|
border: 2upx solid #979797; |
|
|
|
border-radius: 16upx; |
|
|
|
@include ctf; |
|
|
|
.ib-ipt{ |
|
|
|
height: 100%; |
|
|
|
flex-grow: 1; |
|
|
|
@include flcw(28upx, 40upx, #1A1A1A); |
|
|
|
} |
|
|
|
.ib-icon{ |
|
|
|
margin-left: 20upx; |
|
|
|
flex-shrink: 0; |
|
|
|
width: 28upx; |
|
|
|
height: 28upx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.ie-types{ |
|
|
|
margin-top: 24upx; |
|
|
|
@include ctf; |
|
|
|
.ie-title{ |
|
|
|
margin-right: 76upx; |
|
|
|
} |
|
|
|
.it-ls{ |
|
|
|
@include ctf; |
|
|
|
.il-item{ |
|
|
|
width: 200upx; |
|
|
|
@include ctf; |
|
|
|
.ii-icon{ |
|
|
|
position: relative; |
|
|
|
width: 40upx; |
|
|
|
height: 40upx; |
|
|
|
border-radius: 50%; |
|
|
|
border: 2upx solid #D8D8D8; |
|
|
|
&.active{ |
|
|
|
border-color: $mColor; |
|
|
|
&::before{ |
|
|
|
content: ''; |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
left: 50%; |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
width: 28upx; |
|
|
|
height: 28upx; |
|
|
|
border-radius: 50%; |
|
|
|
background: $mColor; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.ii-txt{ |
|
|
|
margin-left: 12upx; |
|
|
|
@include flcw(28upx, 40upx, #1A1A1A); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
