快捷备注

This commit is contained in:
Mr.jiang 2024-08-13 16:22:58 +08:00
parent 2d128b3c7d
commit d8bc69d8b1
4 changed files with 97 additions and 52 deletions

View File

@ -120,7 +120,13 @@
<view class="header-view header-padd header-margin" style="margin-bottom: 100px;">
<view class="d-title title-font">
<span>给技师捎句话</span>
<span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span>
<!-- <span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span> -->
</view>
<view class="guke-list">
<view class="guke-btn huiBtn" :class="{ lanBtn: selected.includes(item) }"
@click="gukeBtn(item)" v-for="(item,index) in fuwuBtn" :key="index">
{{item.title}}
</view>
</view>
<view class="list-pay">
<view class="textarea-pay-list">
@ -302,9 +308,9 @@
selected:[],
selectedString:'',
fuwuBtn: [
{'title':'请速回电确认服务时间地点'},
{'title':'到达后请先电话联系,切勿大声敲门'},
{'title':'时间紧张,请尽快到达服务位置'},
{'title':'请速回电'},
{'title':'切勿大声敲门'},
{'title':'请尽快上门服务'},
{'title':'直接来即可'},
],
}
@ -1367,35 +1373,40 @@
font-weight: bold;
font-size: 14px;
margin-top: 10px;
background: #fff;
// color: #049F89;
}
.huiBtn {
color: #333333;
color:#333;
background: #ccc;
// color: #333333;
}
.lanBtn {
color: #049F89;
color:#fff;
background: #049F89;
}
.guke-btn {
width: 100%;
height: 40px;
width: 45%;
// height: 40px;
line-height: 40px;
margin-left: 5px;
// margin-left: 5px;
text-align: center;
line-height: 40px;
// line-height: 40px;
font-weight: bold;
font-size: 12px;
border-radius: 6px;
border-bottom: 1px solid #ccc;
margin-top:5px;
// border-bottom: 1px solid #ccc;
}
.guke-list {
width: 100%;
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
background-color: #fff;
justify-content: space-between;
}
.jusitify-line{
height: 76rpx;

View File

@ -146,7 +146,13 @@
<view class="header-view header-padd" style="margin-bottom: 100px;">
<view class="d-title">
<span>给技师捎句话</span>
<span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span>
<!-- <span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span> -->
</view>
<view class="guke-list">
<view class="guke-btn huiBtn" :class="{ lanBtn: selected.includes(item) }"
@click="gukeBtn(item)" v-for="(item,index) in fuwuBtn" :key="index">
{{item.title}}
</view>
</view>
<view class="list-pay">
<view class="textarea-pay-list">
@ -268,9 +274,9 @@
data() {
return {
fuwuBtn: [
{'title':'请速回电确认服务时间地点'},
{'title':'到达后请先电话联系,切勿大声敲门'},
{'title':'时间紧张,请尽快到达服务位置'},
{'title':'请速回电'},
{'title':'切勿大声敲门'},
{'title':'请尽快上门服务'},
{'title':'直接来即可'},
],
selected:[],
@ -1436,6 +1442,7 @@
.header-margin{
margin:20rpx;
}
.kuaijie-btn{
width: 100%;
height: 40px;
@ -1444,35 +1451,40 @@
font-weight: bold;
font-size: 14px;
margin-top: 10px;
background: #fff;
// color: #049F89;
}
.huiBtn {
color: #333333;
color:#333;
background: #ccc;
// color: #333333;
}
.lanBtn {
color: #049F89;
color:#fff;
background: #049F89;
}
.guke-btn {
width: 100%;
height: 40px;
width: 45%;
// height: 40px;
line-height: 40px;
margin-left: 5px;
// margin-left: 5px;
text-align: center;
line-height: 40px;
// line-height: 40px;
font-weight: bold;
font-size: 12px;
border-radius: 6px;
border-bottom: 1px solid #ccc;
margin-top:5px;
// border-bottom: 1px solid #ccc;
}
.guke-list {
width: 100%;
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
background-color: #fff;
justify-content: space-between;
}
.title-font{
font-size:30rpx;

View File

@ -122,7 +122,13 @@
<view class="header-view header-padd header-margin" style="margin-bottom: 100px;">
<view class="d-title title-font">
<span>给技师捎句话</span>
<span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span>
<!-- <span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span> -->
</view>
<view class="guke-list">
<view class="guke-btn huiBtn" :class="{ lanBtn: selected.includes(item) }"
@click="gukeBtn(item)" v-for="(item,index) in fuwuBtn" :key="index">
{{item.title}}
</view>
</view>
<view class="list-pay">
<view class="textarea-pay-list">
@ -304,9 +310,9 @@
selected:[],
selectedString:'',
fuwuBtn: [
{'title':'请速回电确认服务时间地点'},
{'title':'到达后请先电话联系,切勿大声敲门'},
{'title':'时间紧张,请尽快到达服务位置'},
{'title':'请速回电'},
{'title':'切勿大声敲门'},
{'title':'请尽快上门服务'},
{'title':'直接来即可'},
],
}
@ -1382,35 +1388,40 @@
font-weight: bold;
font-size: 14px;
margin-top: 10px;
background: #fff;
// color: #049F89;
}
.huiBtn {
color: #333333;
color:#333;
background: #ccc;
// color: #333333;
}
.lanBtn {
color: #049F89;
color:#fff;
background: #049F89;
}
.guke-btn {
width: 100%;
height: 40px;
width: 45%;
// height: 40px;
line-height: 40px;
margin-left: 5px;
// margin-left: 5px;
text-align: center;
line-height: 40px;
// line-height: 40px;
font-weight: bold;
font-size: 12px;
border-radius: 6px;
border-bottom: 1px solid #ccc;
margin-top:5px;
// border-bottom: 1px solid #ccc;
}
.guke-list {
width: 100%;
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
background-color: #fff;
justify-content: space-between;
}
.head-bottom{
width: 100%;

View File

@ -101,7 +101,13 @@
<view class="header-view header-padd header-margin" style="margin-bottom: 100px;">
<view class="d-title title-font">
<span>给技师捎句话</span>
<span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span>
<!-- <span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span> -->
</view>
<view class="guke-list">
<view class="guke-btn huiBtn" :class="{ lanBtn: selected.includes(item) }"
@click="gukeBtn(item)" v-for="(item,index) in fuwuBtn" :key="index">
{{item.title}}
</view>
</view>
<view class="list-pay">
<view class="textarea-pay-list">
@ -283,9 +289,9 @@
selected:[],
selectedString:'',
fuwuBtn: [
{'title':'请速回电确认服务时间地点'},
{'title':'到达后请先电话联系,切勿大声敲门'},
{'title':'时间紧张,请尽快到达服务位置'},
{'title':'请速回电'},
{'title':'切勿大声敲门'},
{'title':'请尽快上门服务'},
{'title':'直接来即可'},
],
}
@ -1397,35 +1403,40 @@
font-weight: bold;
font-size: 14px;
margin-top: 10px;
background: #fff;
// color: #049F89;
}
.huiBtn {
color: #333333;
color:#333;
background: #ccc;
// color: #333333;
}
.lanBtn {
color: #049F89;
color:#fff;
background: #049F89;
}
.guke-btn {
width: 100%;
height: 40px;
width: 45%;
// height: 40px;
line-height: 40px;
margin-left: 5px;
// margin-left: 5px;
text-align: center;
line-height: 40px;
// line-height: 40px;
font-weight: bold;
font-size: 12px;
border-radius: 6px;
border-bottom: 1px solid #ccc;
margin-top:5px;
// border-bottom: 1px solid #ccc;
}
.guke-list {
width: 100%;
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
background-color: #fff;
justify-content: space-between;
}
.textarea-pay-list{
width: 100%;