杨世雄 / chemai2 · 提交

转到一个项目

作者 李芳银
提交 dc2fb17e837747a9121295be84ea2a5f1283e5dd 1 个父辈 cc358748

车唛优化

内嵌 并排对比
正在显示 39 个修改的文件 包含 973 行增加 和 418 行删除
... ... @@ -16,6 +16,7 @@ image {
image {
width: 100%;
height: 100%;
vertical-align: top;
}
text {
... ...
Component({
properties: {
'isKeyboard': {
type: Boolean,
value: false
},
'keyboardType': {
type: String,
value: "keyboardOne"
// value: "keyboardTwo"
},
'maxLength': {
type: Number,
value: ""
},
'minLength': {
type: Number,
value: ""
},
'test': {
type: String,
value: ""
},
'placeholder': {
type: String,
value: ""
},
'inputContent': {
type: String,
value: ""
},
'keyboardTwo': {
type: String,
value: true
},
'isKeyboardContent': {
type: Boolean,
value: false
}
},
data: {
categoryOne: '粤京津沪冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵川青藏琼宁渝✘'.split(''),
categoryTwo: '1234567890'.split(''),
categoryThree: 'QWERTYUIOP'.split(''),
categoryFour: 'ASDFGHJKLZ'.split(''),
// categoryFive: '✔XCVBNM✘'.split(''),
categoryFive: ['确认', 'X', 'C', 'V', 'B', 'N', 'M', '删除'],
categorySix: '123456789✘0✔'.split(''),
},
methods: {
changeKeyboardContent(e) {
if (e.currentTarget.dataset.value == '省称') {
this.setData({
isKeyboardContent: true
})
}
if (e.currentTarget.dataset.value == '英\数') {
this.setData({
isKeyboardContent: false
})
}
},
keyboard(e) {
console.log(e)
if (e.target.dataset.value == undefined) {
return;
}
// if (e.target.dataset.value == '✘') {
if (e.target.dataset.value == '删除') {
if (this.data.inputContent.length > 0) {
this.setData({
inputContent: this.data.inputContent.substring(0, this.data.inputContent.length - 1)
})
console.log(this.data.inputContent, 'this.data.inputContent');
}
return
}
if (e.target.dataset.value == '确认') {
if (this.data.minLength != '' && this.data.inputContent.length < this.data.minLength) {
wx.showToast({
title: '输入位数不得小于' + this.data.minLength + '位',
icon: 'none'
})
return
}
let reg = new RegExp(this.data.test)
if (this.data.test != '' && !reg.test(this.data.inputContent)) {
wx.showToast({
title: '不符合规则',
icon: 'none'
})
return
}
this.triggerEvent('fwhfContent', {
inputContent: this.data.inputContent
})
return
}
if (this.data.maxLength != '' && this.data.inputContent.length >= this.data.maxLength) {
wx.showToast({
title: '输入位数不得超过' + this.data.maxLength + '位',
icon: 'none'
})
return
}
this.setData({
inputContent: this.data.inputContent + e.target.dataset.value
})
console.log(this.data.inputContent);
},
keyboardClick() {
this.setData({
isKeyboard: false
})
}
}
})
\ No newline at end of file
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<view class="container">
<cover-view class="keyboard {{isKeyboard ? 'show' : 'hide'}}">
<cover-view class="{{keyboardType == 'keyboardOne' ? 'show' : 'hide'}}">
<cover-view class="inputBox">
<cover-view class="inputBoxContent {{inputContent ? 'lightContent' : 'darkContent'}}">
{{inputContent || placeholder}}
</cover-view>
<cover-view class="open__down" bindtap="keyboardClick">取消</cover-view>
</cover-view>
<!-- <cover-view class="keyboardTitle">
<cover-view class="keyboardTitleLogo">love.fwhf.xyz</cover-view>
<cover-view class="keyboardTitleContent {{isKeyboardContent ? 'keyboardTitleContentColorDark' : 'keyboardTitleContentColorWhite'}}" data-value="省称" bindtap="changeKeyboardContent">
省称
</cover-view>
<cover-view class="keyboardTitleContent {{isKeyboardContent ? 'keyboardTitleContentColorWhite' : 'keyboardTitleContentColorDark'}}" data-value="英\数" bindtap="changeKeyboardContent">
英\数
</cover-view>
<cover-view class="keyboardFinish" data-value="✔" bindtap="keyboard">✔</cover-view>
</cover-view>
<cover-view class="keyboardContentOne {{isKeyboardContent ? 'keyboardContentOneShow' : 'keyboardContentOneHide'}}" bindtap="keyboard">
<cover-view class="keyboardContentOneContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryOne}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view> -->
<cover-view class="keyboardContentTwo {{isKeyboardContent ? 'keyboardContentTwoHide' : 'keyboardContentTwoShow'}}">
<cover-view class="keyboardContentTwoLineOne" bindtap="keyboard">
<cover-view class="keyboardContentTwoLineOneContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryTwo}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view>
<cover-view class="keyboardContentTwoLineTwo" bindtap="keyboard">
<cover-view class="keyboardContentTwoLineTwoContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryThree}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view>
<cover-view class="keyboardContentTwoLineThree" bindtap="keyboard">
<cover-view class="keyboardContentTwoLineThreeContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryFour}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view>
<cover-view class="keyboardContentTwoLineFour" bindtap="keyboard">
<!-- <cover-view class="four_item">确定</cover-view> -->
<cover-view class="keyboardContentTwoLineFourContent four___item" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categoryFive}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
<!-- <cover-view class="four_item">删除</cover-view> -->
</cover-view>
</cover-view>
</cover-view>
<cover-view class="{{keyboardType == 'keyboardTwo' ? 'show' : 'hide'}}">
<cover-view class="inputBox">
<cover-view class="inputBoxContent {{inputContent ? 'lightContent' : 'darkContent'}}">
{{inputContent || placeholder}}
</cover-view>
</cover-view>
<cover-view class="keyboardTwo" bindtap="keyboard">
<cover-view class="keyboardTwoContent" hover-class="keyboardContentDark" hover-start-time="0" hover-stay-time="100" wx:for="{{categorySix}}" wx:key="index" data-value="{{item}}">
{{item}}
</cover-view>
</cover-view>
</cover-view>
</cover-view>
</view>
\ No newline at end of file
... ...
.keyboard {
position: fixed;
bottom: 0;
width: 100%;
background: rgb(244, 244, 244);
padding-bottom: 20rpx;
z-index: 999;
}
.show {
display: block;
}
.hide {
display: none;
}
.inputBox {
height: 80rpx;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.inputBoxContent {
flex: 1;
margin: 10rpx auto 0;
height: 70rpx;
line-height: 70rpx;
background: rgb(255, 255, 255);
padding-left: 20rpx;
overflow: hidden;
font-size: 36rpx;
}
.lightContent {
color: #333;
}
.darkContent {
color: rgb(166, 166, 166);
}
.open__down {
width: 100rpx;
height: 80rpx;
flex-shrink: 0;
text-align: center;
line-height: 80rpx;
font-size: 28rpx;
color: rgb(166, 166, 166);
}
.keyboardTitle {
width: 750rpx;
height: 80rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.keyboardTitle .keyboardTitleLogo {
width: 290rpx;
text-align: center;
color: rgb(166, 166, 166);
margin: 0 0 0 10rpx;
height: 70rpx;
border-radius: 20rpx;
line-height: 70rpx;
background: white;
}
.keyboardTitle .keyboardTitleContent {
width: 140rpx;
text-align: center;
margin: 0 0 0 10rpx;
height: 70rpx;
border-radius: 20rpx;
line-height: 70rpx;
}
.keyboardTitle .keyboardFinish {
width: 130rpx;
margin: 0 10rpx;
height: 70rpx;
border-radius: 20rpx;
line-height: 70rpx;
text-align: center;
background: white;
}
.keyboardContentOne {
/* display:flex; */
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
/* background:white; */
}
.keyboardContentOneShow {
display: flex;
}
.keyboardContentOneHide {
display: none;
}
.keyboardContentTwo {
/* display:flex; */
/* background:white; */
}
.keyboardContentTwoHide {
display: none;
}
.keyboardContentTwoShow {
display: block;
}
.keyboardContentOneContent {
background: white;
width: 88rpx;
line-height: 91rpx;
text-align: center;
margin: 2rpx;
border-radius: 6rpx;
}
.keyboardContentTwoLineOne,
.keyboardContentTwoLineTwo,
.keyboardContentTwoLineThree,
.keyboardContentTwoLineFour {
display: flex;
justify-content: center;
flex-direction: row;
}
.keyboardContentTwoLineOneContent,
.keyboardContentTwoLineTwoContent,
.keyboardContentTwoLineThreeContent,
.keyboardContentTwoLineFourContent {
background: white;
width: 71rpx;
line-height: 91rpx;
text-align: center;
margin: 2rpx;
border-radius: 6rpx;
}
.keyboardTwo {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.keyboardTwoContent {
background: white;
width: 230rpx;
margin: 12rpx 6rpx 0;
text-align: center;
line-height: 100rpx;
font-size: 36rpx;
border-radius: 10rpx;
}
.four___item:first-child {
width: 120rpx;
line-height: 91rpx;
background-color: #fff;
margin: 2rpx;
border-radius: 6rpx;
text-align: center;
}
.four___item:last-child {
width: 120rpx;
line-height: 91rpx;
background-color: #fff;
margin: 2rpx;
border-radius: 6rpx;
text-align: center;
}
.four_item {
width: 120rpx;
line-height: 91rpx;
background-color: #cccfff;
margin: 2rpx;
border-radius: 6rpx;
text-align: center;
}
.keyboardTitleContentColorWhite {
background: white;
}
.keyboardTitleContentColorDark {
background: rgb(222, 222, 222);
}
.keyboardContentDark {
background: rgb(222, 222, 222);
}
\ No newline at end of file
... ...
... ... @@ -19,10 +19,10 @@ Page({
hotActivity: [],
hotModels: [],
products: [],
S4Spage: false,
goodDetal: {},
page: 1,
total: 0,
S4Spage: false,
it_cloose: false,
showItem: false,
s4_id: '',
... ... @@ -42,27 +42,29 @@ Page({
let that = this
console.log(that.data.s4_id, "s4_id");
let s4_id = a.globalData.stores_id
console.log(s4_id, "s4_id");
a.globalData.stores_id = ''
if (s4_id == '') {
that.setData({
S4Spage: false,
// it_cloose: true,
})
} else {
that.setData({
S4Spage: true,
it_cloose: false,
})
}
that.setData({
s4_id,
products: [],
// decorations: [],
kefu: [],
hotActivity: [],
groomList: [],
hotModels: [],
page: 1
})
console.log(that.data.s4_id);
setTimeout(() => {
that.getDecorations()
that.getHotActivity()
... ... @@ -119,21 +121,28 @@ Page({
})
console.log(data);
if (data != null) {
console.log(1111);
that.setData({
kefu: data.kefu,
S4Spage: true,
it_cloose: false,
s4_id: data.id
})
} else {
that.setData({
S4Spage: false,
it_cloose: true,
})
}
that.setData({
decorations: data,
})
console.log(that.data.S4Spage);
} catch (err) {
console.log(err, "出错了");
a.popTest(err.msg)
that.setData({
S4Spage: false,
it_cloose: true,
})
}
... ... @@ -271,7 +280,6 @@ Page({
},
changeBarn() {
wx.navigateTo({
// url: '/pages/MyGarage/MyGarage?tdTap=2'
url: '/pages/Vmore4SList/Vmore4SList'
})
},
... ... @@ -285,9 +293,6 @@ Page({
wx.navigateTo({
url: '/pages/Vmore4SList/Vmore4SList?home=1'
})
// wx.navigateTo({
// url: '/pages/search/search?S4_num=1'
// })
},
goVnewslist() {
let decorations = this.data.decorations
... ... @@ -470,19 +475,6 @@ Page({
let type = e.currentTarget.dataset.type
that.publicDetails(type, good_type)
},
// toGoDetailB(e) {
// let that = this
// let good_type = e.currentTarget.dataset.good_type
// let type = e.currentTarget.dataset.type
// that.publicDetails(type, good_type)
// console.log(type, good_type);
// },
// toGoDetailC(e) {
// let that = this
// let good_type = e.currentTarget.dataset.good_type
// let type = e.currentTarget.dataset.type
// that.publicDetails(type, good_type)
// },
publicDetails(type, good_type) {
let that = this
console.log(type, good_type, "珊瑚");
... ...
... ... @@ -35,6 +35,19 @@ Page({
s4_id: '',
color: 1,
che_id: '',
focus: true,
carCodeNumber: '', //车牌号
isKeyboard: false, //是否显示键盘
keyboardType: 'keyboardOne', //键盘类型
isKeyboardContent: true, // 控制首先展示省称还是英文
maxLength: '', //最大长度
minLength: '', //最小程度
test: '', //正则
placeholder: '', //提示信息
whichInput: '', //方法名
inputContent: '', //input内容
carCode: ''
},
onLoad: function (options) {
let that = this
... ... @@ -61,27 +74,10 @@ Page({
let that = this
let carNum = e.detail.value
let sheng_id = that.data.sheng_id
// let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
// const careg = reg.test(carNum);
// if (!careg) {
// wx.showToast({
// icon: 'none',
// title: '请输入正确车牌号',
// })
// return;
// } else {
// that.setData({
// pai: carNum
// })
// console.log(that.data.shengItem, "shengItem");
// if (sheng_id != '') {
// that.getRegister()
// }
// }
},
paiInput(e) { // c车牌号
},
paiInput() { // c车牌号
let that = this
let carNum = e.detail.value
let carNum = this.data.carCode
let sheng_id = that.data.sheng_id
let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
const careg = reg.test(carNum);
... ... @@ -166,7 +162,35 @@ Page({
}
})
},
getCarCode() {
this.setData({
isKeyboard: true,
maxLength: 6,
minLength: 6,
isKeyboardContent: false,
test: '[A-Z0-9]{3}',
placeholder: '请输入车牌号',
whichInput: 'changeCarCode',
inputContent: this.data.carCode
})
},
changeCarCode(e) {
this.setData({
isKeyboard: false,
carCode: e.detail.inputContent
})
console.log(this.data.carCode);
this.paiInput()
},
getCodeNumber() {
this.getCarCode()
this.hideModal();
},
clickme() {
this.selectComponent("#keyboard").keyboardClick()
this.showModal();
},
bindTimeChange(e) { // 时间
this.setData({
buy_time: e.detail.value
... ... @@ -354,15 +378,7 @@ Page({
obj.buy_time = that.data.buy_time
obj.km = that.data.km
console.log(obj);
// let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
// let careg = reg.test(obj.pai);
// if (!careg) {
// wx.showToast({
// icon: 'none',
// title: '请输入正确车牌号',
// })
// return;
// }
if (that.data.selected) {
try {
const {
... ... @@ -421,9 +437,7 @@ Page({
},
clickme() {
this.showModal();
},
// 正则验证图标图片
text(details) {
... ...
{
"usingComponents": {},
"usingComponents": {
"keyboard": "../../Components/keyboard/keyboard"
},
"navigationBarTitleText": "添加车辆"
}
\ No newline at end of file
... ...
... ... @@ -3,9 +3,13 @@ page {
.container {
width: 100%;
.new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.card {
background-color: #fff;
border-radius: 8rpx;
... ... @@ -329,6 +333,6 @@ page {
}
}
}
}
\ No newline at end of file
... ...
<view class="container">
<view class="new__container">
<form action="" catchsubmit="formSubmit">
<view class="card">
<view class="card_name car">
... ... @@ -14,7 +15,8 @@
<image class='select_img {{show &&"select_img_rotate"}}' src='{{imagesUrl}}assets/static/img/down_arrow.png'></image>
</view>
</view>
<input type="text" value="{{pai}}" placeholder="英文字母请大写" placeholder-class="text_car" name="pai" bindblur="paiInput" bindinput="bindinputed" class="inputitem" maxlength="17" />
<!-- bindblur="paiInput" value="{{pai}}" bindinput="bindinputed" -->
<input type="text" placeholder="请输入车牌号" placeholder-class="text_car" name="pai" value='{{carCode}}' bindtap='getCodeNumber' disabled class="inputitem" maxlength="6" />
</view>
<view class="card_logo car">
<label for="车辆品牌" class="labelsitem">车辆品牌:</label>
... ... @@ -84,4 +86,6 @@
</view>
</view>
</view>
</view>
<keyboard id="keyboard" isKeyboard="{{isKeyboard}}" keyboardType="{{keyboardType}}" maxLength="{{maxLength}}" minLength="{{minLength}}" test="{{test}}" placeholder="{{placeholder}}" isKeyboardContent="{{isKeyboardContent}}" bind:fwhfContent="{{whichInput}}" inputContent="{{inputContent}}" />
</view>
\ No newline at end of file
... ...
... ... @@ -3,23 +3,26 @@ page {
}
page .container {
width: 100%;
}
page .container .new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
/*使屏幕变暗 */
/*对话框 */
}
page .container .card {
page .container .new__container .card {
background-color: #fff;
border-radius: 8rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
}
page .container .card .select_box {
page .container .new__container .card .select_box {
position: relative;
margin-right: 10rpx;
}
page .container .card .select_box .select {
page .container .new__container .card .select_box .select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
... ... @@ -27,27 +30,27 @@ page .container .card .select_box .select {
display: flex;
align-items: center;
}
page .container .card .select_box .select .select_text {
page .container .new__container .card .select_box .select .select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: 0.2em;
}
page .container .card .select_box .select .colorHui {
page .container .new__container .card .select_box .select .colorHui {
color: #BDC4CE;
font-size: 28rpx;
}
page .container .card .select_box .select .select_img {
page .container .new__container .card .select_box .select .select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
page .container .card .select_box .select .select_img_rotate {
page .container .new__container .card .select_box .select .select_img_rotate {
transform: rotate(180deg);
}
page .container .card .select_box .option_box {
page .container .new__container .card .select_box .option_box {
position: absolute;
top: 52rpx;
width: 100%;
... ... @@ -60,7 +63,7 @@ page .container .card .select_box .option_box {
transition: height 0.3s;
z-index: 5;
}
page .container .card .select_box .option_box .option {
page .container .new__container .card .select_box .option_box .option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
... ... @@ -68,55 +71,55 @@ page .container .card .select_box .option_box .option {
padding: 10rpx;
color: black;
}
page .container .card .card_logo .change_4S,
page .container .card .card_time .change_4S {
page .container .new__container .card .card_logo .change_4S,
page .container .new__container .card .card_time .change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
page .container .card .card_logo .change_4S .picker,
page .container .card .card_time .change_4S .picker {
page .container .new__container .card .card_logo .change_4S .picker,
page .container .new__container .card .card_time .change_4S .picker {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
page .container .card .card_logo .change_4S .picker .picker_1,
page .container .card .card_time .change_4S .picker .picker_1 {
page .container .new__container .card .card_logo .change_4S .picker .picker_1,
page .container .new__container .card .card_time .change_4S .picker .picker_1 {
color: #000;
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
}
page .container .card .card_logo .change_4S .picker .picker_2,
page .container .card .card_time .change_4S .picker .picker_2 {
page .container .new__container .card .card_logo .change_4S .picker .picker_2,
page .container .new__container .card .card_time .change_4S .picker .picker_2 {
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #BDC4CE;
}
page .container .card .card_logo .change_4S .picker .rowimg,
page .container .card .card_time .change_4S .picker .rowimg {
page .container .new__container .card .card_logo .change_4S .picker .rowimg,
page .container .new__container .card .card_time .change_4S .picker .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .picker .rowimg image,
page .container .card .card_time .change_4S .picker .rowimg image {
page .container .new__container .card .card_logo .change_4S .picker .rowimg image,
page .container .new__container .card .card_time .change_4S .picker .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg,
page .container .card .card_time .change_4S .rowimg {
page .container .new__container .card .card_logo .change_4S .rowimg,
page .container .new__container .card .card_time .change_4S .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg image,
page .container .card .card_time .change_4S .rowimg image {
page .container .new__container .card .card_logo .change_4S .rowimg image,
page .container .new__container .card .card_time .change_4S .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .car {
page .container .new__container .card .car {
width: 100%;
display: flex;
align-items: center;
... ... @@ -124,70 +127,70 @@ page .container .card .car {
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
}
page .container .card .car .labelsitem {
page .container .new__container .card .car .labelsitem {
width: 180rpx;
}
page .container .card .car .inputitem {
page .container .new__container .card .car .inputitem {
flex: 1;
}
page .container .card .car .text_car {
page .container .new__container .card .car .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
page .container .card .card_km {
page .container .new__container .card .card_km {
display: flex;
align-items: center;
height: 125rpx;
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
}
page .container .card .card_km .km {
page .container .new__container .card .card_km .km {
font-size: 28rpx;
color: #06121E;
width: 50rpx;
text-align: right;
}
page .container .card .card_km .labelsitem {
page .container .new__container .card .card_km .labelsitem {
width: 180rpx;
}
page .container .card .card_km .flex_km {
page .container .new__container .card .card_km .flex_km {
flex: 1;
}
page .container .card .card_km .text_car {
page .container .new__container .card .card_km .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
page .container .card .car4S {
page .container .new__container .card .car4S {
border: none;
}
page .container .rules {
page .container .new__container .rules {
margin-top: 14rpx;
padding: 15rpx 30rpx 200rpx;
box-sizing: border-box;
background-color: #fff;
height: 100%;
}
page .container .rules .title {
page .container .new__container .rules .title {
font-size: 24rpx;
color: #06121E;
}
page .container .rules .rich_text {
page .container .new__container .rules .rich_text {
padding: 15rpx 0 32rpx;
box-sizing: border-box;
color: #8C9198;
font-size: 24rpx;
line-height: 50rpx;
}
page .container .downbtn {
page .container .new__container .downbtn {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
}
page .container .downbtn .books_change {
page .container .new__container .downbtn .books_change {
margin: 10rpx 0;
display: flex;
align-items: center;
... ... @@ -195,30 +198,30 @@ page .container .downbtn .books_change {
padding: 32rpx;
box-sizing: border-box;
}
page .container .downbtn .books_change .radios image:nth-child(2) {
page .container .new__container .downbtn .books_change .radios image:nth-child(2) {
display: none;
width: 60rpx;
height: 60rpx;
}
page .container .downbtn .books_change .radios image:nth-child(1) {
page .container .new__container .downbtn .books_change .radios image:nth-child(1) {
width: 28rpx;
height: 28rpx;
}
page .container .downbtn .books_change .fuwuxie_t {
page .container .new__container .downbtn .books_change .fuwuxie_t {
font-size: 28rpx;
line-height: 40rpx;
margin-left: 10rpx;
}
page .container .downbtn .books_change .fuwuxieyi {
page .container .new__container .downbtn .books_change .fuwuxieyi {
display: inline;
color: #12d1eb;
}
page .container .downbtn .ben_tn {
page .container .new__container .downbtn .ben_tn {
width: 100%;
padding: 0 64rpx;
box-sizing: border-box;
}
page .container .downbtn .ben_tn .btn {
page .container .new__container .downbtn .ben_tn .btn {
width: 620rpx;
height: 80rpx;
margin: 10rpx 0;
... ... @@ -229,7 +232,7 @@ page .container .downbtn .ben_tn .btn {
background-color: #E8370F;
color: #fff;
}
page .container .commodity_screen {
page .container .new__container .commodity_screen {
width: 100%;
height: 100%;
position: fixed;
... ... @@ -241,7 +244,7 @@ page .container .commodity_screen {
z-index: 1000;
color: #fff;
}
page .container .commodity_attr_box {
page .container .new__container .commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
... ... @@ -253,19 +256,19 @@ page .container .commodity_attr_box {
padding: 20rpx;
box-sizing: border-box;
}
page .container .commodity_attr_box .tent {
page .container .new__container .commodity_attr_box .tent {
width: 100%;
display: flex;
flex-wrap: wrap;
}
page .container .commodity_attr_box .tent .carText {
page .container .new__container .commodity_attr_box .tent .carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
page .container .commodity_attr_box .tent .activedCar {
page .container .new__container .commodity_attr_box .tent .activedCar {
background-color: #12d1eb;
color: #fff;
}
... ...
... ... @@ -34,6 +34,18 @@ Page({
CarBrandName: '',
color: 1,
che_id: '',
carCodeNumber: '', //车牌号
isKeyboard: false, //是否显示键盘
keyboardType: 'keyboardOne', //键盘类型
isKeyboardContent: true, // 控制首先展示省称还是英文
maxLength: '', //最大长度
minLength: '', //最小程度
test: '', //正则
placeholder: '', //提示信息
whichInput: '', //方法名
inputContent: '', //input内容
carCode: ''
},
onLoad: function (options) {
let that = this
... ... @@ -56,9 +68,9 @@ Page({
name: e.detail.value
})
},
paiInput(e) { // c车牌号
paiInput() { // c车牌号
let that = this
let carNum = e.detail.value
let carNum = this.data.carCode
let sheng_id = that.data.sheng_id
let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
const careg = reg.test(carNum);
... ... @@ -78,31 +90,41 @@ Page({
}
},
getCarCode() {
this.setData({
isKeyboard: true,
maxLength: 6,
minLength: 6,
isKeyboardContent: false,
test: '[A-Z0-9]{3}',
placeholder: '请输入车牌号',
whichInput: 'changeCarCode',
inputContent: this.data.carCode
})
},
changeCarCode(e) {
this.setData({
isKeyboard: false,
carCode: e.detail.inputContent
})
console.log(this.data.carCode);
this.paiInput()
},
getCodeNumber() {
this.getCarCode()
this.hideModal()
},
clickme() {
this.selectComponent("#keyboard").keyboardClick()
this.showModal();
},
bindinputed(e) {
let that = this
let carNum = e.detail.value
that.setData({
pai: carNum
})
// let sheng_id = that.data.sheng_id
// let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
// const careg = reg.test(carNum);
// if (!careg) {
// wx.showToast({
// icon: 'none',
// title: '请输入正确车牌号',
// })
// return;
// } else {
// that.setData({
// pai: carNum
// })
// console.log(that.data.shengItem, "shengItem");
// if (sheng_id != '') {
// that.getRegister()
// }
// }
},
async getRegister() { // 注册
let that = this
... ... @@ -413,9 +435,7 @@ Page({
})
return formatDate;
},
clickme() {
this.showModal();
},
onShow: function () {
},
... ...
{
"usingComponents": {},
"usingComponents": {
"keyboard": "../../Components/keyboard/keyboard"
},
"navigationBarTitleText": "添加车辆"
}
\ No newline at end of file
... ...
... ... @@ -3,7 +3,10 @@ page {
.container {
width: 100%;
padding: 32rpx;
.new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.card {
... ... @@ -130,6 +133,10 @@ page {
}
}
.__color {
color: #06121E;
}
.kms {
width: 48rpx;
text-align: right;
... ... @@ -233,28 +240,17 @@ page {
display: flex;
align-items: center;
justify-content: center;
// padding-bottom: 50rpx;
height: 32rpx;
.radios {
image:nth-child(2) {
display: none;
width: 60rpx;
height: 60rpx;
}
image:nth-child(1) {
width: 32rpx;
height: 32rpx;
}
}
text {
font-size: 28rpx;
line-height: 40rpx;
margin-left: 10rpx;
}
.fuwuxieyi {
... ... @@ -333,7 +329,7 @@ page {
}
}
}
}
\ No newline at end of file
... ...
<view class="container">
<view class="new__container">
<form action="" catchsubmit="formSubmit">
<view class="card">
<view class="card_name car">
... ... @@ -18,14 +19,14 @@
</view>
</view>
<view class="box_input">
<input type="text" maxlength="10" value="{{pai}}" placeholder="英文字母请大写" placeholder-class="text_car" name="pai" catchinput="bindinputed" catchblur="paiInput" />
<input type="text" maxlength="6" value='{{carCode}}' disabled bindtap='getCodeNumber' placeholder="请输入车牌号" placeholder-class="text_car" name="pai" />
</view>
</view>
</view>
<view class="card_logo car">
<view class="car_title">车辆品牌:</view>
<view class="change_4S" bindtap="goCarBrand">
<input type="text" class="inputtext" placeholder="{{CarBrandName != '' ? CarBrandName:'请选择车辆品牌'}}" placeholder-class="text_car" name="name" />
<input type="text" class="inputtext " value="{{CarBrandName}}" placeholder="请选择车辆品牌" placeholder-class="text_car" name="name" />
<view class="rowimg">
<image src="{{imagesUrl}}assets/static/img/right_arrow.png" />
</view>
... ... @@ -74,4 +75,6 @@
</view>
</view>
</view>
</view>
<keyboard isKeyboard="{{isKeyboard}}" id="keyboard" keyboardType="{{keyboardType}}" maxLength="{{maxLength}}" minLength="{{minLength}}" test="{{test}}" placeholder="{{placeholder}}" isKeyboardContent="{{isKeyboardContent}}" bind:fwhfContent="{{whichInput}}" inputContent="{{inputContent}}" />
</view>
\ No newline at end of file
... ...
... ... @@ -3,23 +3,26 @@ page {
}
page .container {
width: 100%;
padding: 32rpx;
}
page .container .new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
/*使屏幕变暗 */
/*对话框 */
}
page .container .card {
page .container .new__container .card {
background-color: #fff;
border-radius: 16rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
}
page .container .card .select_box {
page .container .new__container .card .select_box {
position: relative;
margin-right: 10rpx;
}
page .container .card .select_box .select {
page .container .new__container .card .select_box .select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
... ... @@ -27,30 +30,30 @@ page .container .card .select_box .select {
display: flex;
align-items: center;
}
page .container .card .select_box .select .select_text {
page .container .new__container .card .select_box .select .select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: 0.2em;
}
page .container .card .select_box .select .colorHui {
page .container .new__container .card .select_box .select .colorHui {
color: #BDC4CE;
font-size: 28rpx;
}
page .container .card .select_box .select .sheng_id {
page .container .new__container .card .select_box .select .sheng_id {
color: #000;
}
page .container .card .select_box .select .select_img {
page .container .new__container .card .select_box .select .select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
page .container .card .select_box .select .select_img_rotate {
page .container .new__container .card .select_box .select .select_img_rotate {
transform: rotate(180deg);
}
page .container .card .select_box .option_box {
page .container .new__container .card .select_box .option_box {
position: absolute;
top: 52rpx;
width: 100%;
... ... @@ -63,7 +66,7 @@ page .container .card .select_box .option_box {
transition: height 0.3s;
z-index: 5;
}
page .container .card .select_box .option_box .option {
page .container .new__container .card .select_box .option_box .option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
... ... @@ -71,151 +74,151 @@ page .container .card .select_box .option_box .option {
padding: 10rpx;
color: black;
}
page .container .card .card_logo .change_4S,
page .container .card .card_time .change_4S {
page .container .new__container .card .card_logo .change_4S,
page .container .new__container .card .card_time .change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
page .container .card .card_logo .change_4S .picker,
page .container .card .card_time .change_4S .picker {
page .container .new__container .card .card_logo .change_4S .picker,
page .container .new__container .card .card_time .change_4S .picker {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
page .container .card .card_logo .change_4S .picker .picker_1,
page .container .card .card_time .change_4S .picker .picker_1 {
page .container .new__container .card .card_logo .change_4S .picker .picker_1,
page .container .new__container .card .card_time .change_4S .picker .picker_1 {
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #BDC4CE;
}
page .container .card .card_logo .change_4S .picker .buy_time,
page .container .card .card_time .change_4S .picker .buy_time {
page .container .new__container .card .card_logo .change_4S .picker .buy_time,
page .container .new__container .card .card_time .change_4S .picker .buy_time {
color: #06121E;
}
page .container .card .card_logo .change_4S .picker .rowimg,
page .container .card .card_time .change_4S .picker .rowimg {
page .container .new__container .card .card_logo .change_4S .picker .rowimg,
page .container .new__container .card .card_time .change_4S .picker .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .picker .rowimg image,
page .container .card .card_time .change_4S .picker .rowimg image {
page .container .new__container .card .card_logo .change_4S .picker .rowimg image,
page .container .new__container .card .card_time .change_4S .picker .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg,
page .container .card .card_time .change_4S .rowimg {
page .container .new__container .card .card_logo .change_4S .rowimg,
page .container .new__container .card .card_time .change_4S .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg image,
page .container .card .card_time .change_4S .rowimg image {
page .container .new__container .card .card_logo .change_4S .rowimg image,
page .container .new__container .card .card_time .change_4S .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .kms,
page .container .card .card_time .change_4S .kms {
page .container .new__container .card .card_logo .change_4S .__color,
page .container .new__container .card .card_time .change_4S .__color {
color: #06121E;
}
page .container .new__container .card .card_logo .change_4S .kms,
page .container .new__container .card .card_time .change_4S .kms {
width: 48rpx;
text-align: right;
}
page .container .card .card_logo .change_4S .CarBrandName,
page .container .card .card_time .change_4S .CarBrandName {
page .container .new__container .card .card_logo .change_4S .CarBrandName,
page .container .new__container .card .card_time .change_4S .CarBrandName {
color: #06121E !important;
}
page .container .card .car {
page .container .new__container .card .car {
width: 100%;
display: flex;
align-items: center;
height: 125rpx;
border-bottom: 1rpx solid #f5f5f5;
}
page .container .card .car .car_title {
page .container .new__container .card .car .car_title {
width: 180rpx;
}
page .container .card .car .input_is {
page .container .new__container .card .car .input_is {
flex: 1;
display: flex;
align-items: center;
}
page .container .card .car .input_is .textInpit {
page .container .new__container .card .car .input_is .textInpit {
width: 100%;
}
page .container .card .car .input_is .box_input {
page .container .new__container .card .car .input_is .box_input {
flex: 1;
}
page .container .card .car .input_is .box_input input {
page .container .new__container .card .car .input_is .box_input input {
width: 100%;
}
page .container .card .car .text_car {
page .container .new__container .card .car .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
page .container .card .card_km {
page .container .new__container .card .card_km {
width: 100%;
display: flex;
align-items: center;
}
page .container .card .card_km .bos {
page .container .new__container .card .card_km .bos {
flex: 1;
display: flex;
align-items: center;
}
page .container .card .card_km .bos .kms {
page .container .new__container .card .card_km .bos .kms {
width: 48rpx;
text-align: right;
}
page .container .card .card_km .bos .inputs {
page .container .new__container .card .card_km .bos .inputs {
flex: 1;
}
page .container .card .car4S {
page .container .new__container .card .car4S {
border: none;
}
page .container .rules {
page .container .new__container .rules {
margin-top: 32rpx;
padding: 30rpx 30rpx 0rpx;
box-sizing: border-box;
background-color: #fff;
}
page .container .rules .title {
page .container .new__container .rules .title {
font-size: 24rpx;
color: #06121E;
}
page .container .rules .rich_text {
page .container .new__container .rules .rich_text {
padding: 32rpx 0;
box-sizing: border-box;
color: #8C9198;
font-size: 24rpx;
line-height: 50rpx;
}
page .container .books_change {
page .container .new__container .books_change {
margin: 50rpx 0;
display: flex;
align-items: center;
justify-content: center;
height: 32rpx;
}
page .container .books_change .radios image:nth-child(2) {
display: none;
width: 60rpx;
height: 60rpx;
}
page .container .books_change .radios image:nth-child(1) {
page .container .new__container .books_change .radios {
width: 32rpx;
height: 32rpx;
}
page .container .books_change text {
page .container .new__container .books_change text {
font-size: 28rpx;
line-height: 40rpx;
margin-left: 10rpx;
}
page .container .books_change .fuwuxieyi {
page .container .new__container .books_change .fuwuxieyi {
display: inline;
color: #12d1eb;
}
page .container .downbtn {
page .container .new__container .downbtn {
width: 100%;
position: fixed;
bottom: 0;
... ... @@ -224,7 +227,7 @@ page .container .downbtn {
padding: 0 64rpx;
box-sizing: border-box;
}
page .container .downbtn .btn {
page .container .new__container .downbtn .btn {
width: 620rpx;
height: 80rpx;
margin: 10rpx 0;
... ... @@ -235,7 +238,7 @@ page .container .downbtn .btn {
background-color: #E8370F;
color: #fff;
}
page .container .commodity_screen {
page .container .new__container .commodity_screen {
width: 100%;
height: 100%;
position: fixed;
... ... @@ -247,7 +250,7 @@ page .container .commodity_screen {
z-index: 1000;
color: #fff;
}
page .container .commodity_attr_box {
page .container .new__container .commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
... ... @@ -259,19 +262,19 @@ page .container .commodity_attr_box {
padding: 20rpx;
box-sizing: border-box;
}
page .container .commodity_attr_box .tent {
page .container .new__container .commodity_attr_box .tent {
width: 100%;
display: flex;
flex-wrap: wrap;
}
page .container .commodity_attr_box .tent .carText {
page .container .new__container .commodity_attr_box .tent .carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
page .container .commodity_attr_box .tent .activedCar {
page .container .new__container .commodity_attr_box .tent .activedCar {
background-color: #12d1eb;
color: #fff;
}
... ...
... ... @@ -28,6 +28,13 @@ Page({
// 立即授权
bindGetUserInfo(e) {
let that = this;
console.log(e);
if (e.detail.errMsg == "getUserInfo:ok") {
that.setData({
encryptedData: e.detail.encryptedData,
iv: e.detail.iv
})
}
wx.login({
success(res) {
console.log(res);
... ... @@ -40,6 +47,8 @@ Page({
data: {
rawData: e.detail.rawData,
code: that.data.code,
iv: that.data.iv,
encryptedData: that.data.encryptedData,
}
})
.then(res => {
... ...
... ... @@ -12,7 +12,7 @@
<view class="ser_cont">
<view class="title_content2 ser_title">{{item.info.name}}</view>
<view class="baoma">
<view class="conte_name">报名费：</view>
<view class="conte_name">预约费：</view>
<view class="pd">
<view class="red_money_icon">￥</view>
<view class="red_money">{{item.info.price}}</view>
... ...
... ... @@ -35,7 +35,7 @@
</view>
<view class="con_count" bindtap="goredPacket">
<view class="text_con">{{red_num}}</view>
<view class="text_name">红包</view>
<view class="text_name">抵用券</view>
</view>
<view class="con_count" bindtap="goVbalanceRecharge">
<view class="text_con">{{all_money}}</view>
... ...
... ... @@ -66,7 +66,7 @@
<view class="zan-dialog__mask" bindtap="toggleDialog" />
<view class="zan-dialog__container">
<view class="popups">
<view class="pop_title">填写报名信息</view>
<view class="pop_title">填写预约信息</view>
<form bindsubmit="formSubmit">
<view class="pop_box">
<input value="{{names}}" placeholder="请输入姓名" placeholder-class="input_placeholder" class="publics" name="names" />
... ...
... ... @@ -6,7 +6,7 @@
<view class="rig">
<view class="textws title_content2">{{detaillist.active.name}}</view>
<view class="names">
<view class="names__box">报名费：</view>
<view class="names__box">预约费：</view>
<view class="pt">
<view class="icons">￥</view>
<view class="icons_price">{{detaillist.active.price}}</view>
... ... @@ -60,7 +60,7 @@
</view>
</view>
<view class="btnbuy">
<button class="btnbuy__" formType="submit">{{wait == 1 ? '已报名': '报名'}}</button>
<button class="btnbuy__" formType="submit">{{wait == 1 ? '已预约': '预约'}}</button>
</view>
</form>
</view>
\ No newline at end of file
... ...
... ... @@ -33,6 +33,18 @@ Page({
buy_time2: '',
s4_ID: '',
che_id: '',
carCodeNumber: '', //车牌号
isKeyboard: false, //是否显示键盘
keyboardType: 'keyboardOne', //键盘类型
isKeyboardContent: true, // 控制首先展示省称还是英文
maxLength: '', //最大长度
minLength: '', //最小程度
test: '', //正则
placeholder: '', //提示信息
whichInput: '', //方法名
inputContent: '', //input内容
carCode: ''
},
onShow: function () {
... ... @@ -72,11 +84,11 @@ Page({
s4ID: data.s4_info.id,
})
}
// if(data.sheng )
that.setData({
editorList: data,
buy_time2: data.buy_time2,
pai: data.pai,
carCode: data.pai,
shengItem: data.sheng.name,
km: data.km,
CarBrandName: data.pin.name,
... ... @@ -105,9 +117,7 @@ Page({
city_id: data.id
})
},
clickme() {
this.showModal();
},
tiveCar(e) { // 车牌号
let that = this
let idx = e.currentTarget.dataset.id
... ... @@ -134,9 +144,9 @@ Page({
name: e.detail.value
})
},
paiInput(e) { // c车牌号
paiInput() { // c车牌号
let that = this
let carNum = e.detail.value
let carNum = this.data.carCode
let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
const careg = reg.test(carNum);
if (!careg) {
... ... @@ -152,32 +162,42 @@ Page({
}
},
getCarCode() {
this.setData({
isKeyboard: true,
maxLength: 6,
minLength: 6,
isKeyboardContent: false,
test: '[A-Z0-9]{3}',
placeholder: '请输入车牌号',
whichInput: 'changeCarCode',
inputContent: this.data.carCode
})
},
changeCarCode(e) {
this.setData({
isKeyboard: false,
carCode: e.detail.inputContent
})
console.log(this.data.carCode);
this.paiInput()
},
getCodeNumber() {
this.getCarCode()
this.hideModal()
},
clickme() {
this.selectComponent("#keyboard").keyboardClick()
this.showModal();
},
bindinputed(e) {
let that = this
let carNum = e.detail.value
that.setData({
pai: carNum
})
// let sheng_id = that.data.sheng_id
// let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
// const careg = reg.test(carNum);
// if (!careg) {
// wx.showToast({
// icon: 'none',
// title: '请输入正确车牌号',
// })
// return;
// } else {
// that.setData({
// pai: carNum
// })
// console.log(that.data.shengItem, "shengItem");
// if (sheng_id != '') {
// that.getRegister()
// }
// }
},
async getRegister() { // 注册
let that = this
... ...
... ... @@ -2,8 +2,8 @@
"usingComponents": {
"van-button": "../../miniprogram_npm/@vant/weapp/button/index",
"van-calendar": "../../miniprogram_npm/@vant/weapp/calendar/index",
"van-cell": "../../miniprogram_npm/@vant/weapp/cell/index"
"van-cell": "../../miniprogram_npm/@vant/weapp/cell/index",
"keyboard": "../../Components/keyboard/keyboard"
},
"navigationBarTitleText": "编辑车辆"
}
\ No newline at end of file
... ...
... ... @@ -3,9 +3,13 @@ page {
.container {
width: 100%;
padding: 32rpx;
.new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.card {
background-color: #fff;
border-radius: 8rpx;
... ... @@ -288,4 +292,5 @@ page {
align-items: center;
justify-content: space-between;
}
}
}
\ No newline at end of file
... ...
<view class="container">
<view class="new__container">
<form catchsubmit="formSubmit">
<view class="card">
<view class="card_name car">
... ... @@ -13,7 +14,7 @@
<image class='select_img {{show&&"select_img_rotate"}}' src='{{imagesUrl}}assets/static/img/down_arrow.png'></image>
</view>
</view>
<input type="text" placeholder="请输入车牌号" maxlength="10" catchinput="bindinputed" value="{{pai}}" catchblur="paiInput" placeholder-class="text_car" name="pai" />
<input type="text" placeholder="请输入车牌号" disabled maxlength="6" value='{{carCode}}' bindtap='getCodeNumber' placeholder-class="text_car" name="pai" />
</view>
<view class="card_logo car">
<view class="labelsItem">车辆品牌:</view>
... ... @@ -63,4 +64,6 @@
</view>
</view>
</view>
</view>
<keyboard isKeyboard="{{isKeyboard}}" id="keyboard" keyboardType="{{keyboardType}}" maxLength="{{maxLength}}" minLength="{{minLength}}" test="{{test}}" placeholder="{{placeholder}}" isKeyboardContent="{{isKeyboardContent}}" bind:fwhfContent="{{whichInput}}" inputContent="{{inputContent}}" />
</view>
\ No newline at end of file
... ...
... ... @@ -3,23 +3,26 @@ page {
}
page .container {
width: 100%;
padding: 32rpx;
}
page .container .new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
/*使屏幕变暗 */
/*对话框 */
}
page .container .card {
page .container .new__container .card {
background-color: #fff;
border-radius: 8rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
}
page .container .card .select_box {
page .container .new__container .card .select_box {
position: relative;
margin-right: 10rpx;
}
page .container .card .select_box .select {
page .container .new__container .card .select_box .select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
... ... @@ -27,23 +30,23 @@ page .container .card .select_box .select {
display: flex;
align-items: center;
}
page .container .card .select_box .select .select_text {
page .container .new__container .card .select_box .select .select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: 0.2em;
}
page .container .card .select_box .select .select_img {
page .container .new__container .card .select_box .select .select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
page .container .card .select_box .select .select_img_rotate {
page .container .new__container .card .select_box .select .select_img_rotate {
transform: rotate(180deg);
}
page .container .card .select_box .option_box {
page .container .new__container .card .select_box .option_box {
position: absolute;
top: 95rpx;
width: 100%;
... ... @@ -56,7 +59,7 @@ page .container .card .select_box .option_box {
transition: height 0.3s;
z-index: 5;
}
page .container .card .select_box .option_box .option {
page .container .new__container .card .select_box .option_box .option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
... ... @@ -64,110 +67,110 @@ page .container .card .select_box .option_box .option {
padding: 10rpx;
color: black;
}
page .container .card .card_logo,
page .container .card .card_time {
page .container .new__container .card .card_logo,
page .container .new__container .card .card_time {
width: 100%;
display: flex;
}
page .container .card .card_logo .change_4S,
page .container .card .card_time .change_4S {
page .container .new__container .card .card_logo .change_4S,
page .container .new__container .card .card_time .change_4S {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
page .container .card .card_logo .change_4S .picker,
page .container .card .card_time .change_4S .picker {
page .container .new__container .card .card_logo .change_4S .picker,
page .container .new__container .card .card_time .change_4S .picker {
flex: 1;
font-size: 30rpx;
color: #BDC4CE;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg,
page .container .card .card_time .change_4S .rowimg {
page .container .new__container .card .card_logo .change_4S .rowimg,
page .container .new__container .card .card_time .change_4S .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .change_4S .rowimg image,
page .container .card .card_time .change_4S .rowimg image {
page .container .new__container .card .card_logo .change_4S .rowimg image,
page .container .new__container .card .card_time .change_4S .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .cdddd,
page .container .card .card_time .cdddd {
page .container .new__container .card .card_logo .cdddd,
page .container .new__container .card .card_time .cdddd {
flex: 1;
}
page .container .card .card_logo .cdddd .change_4S,
page .container .card .card_time .cdddd .change_4S {
page .container .new__container .card .card_logo .cdddd .change_4S,
page .container .new__container .card .card_time .cdddd .change_4S {
display: flex;
align-items: center;
justify-content: space-between;
}
page .container .card .card_logo .cdddd .change_4S .picker,
page .container .card .card_time .cdddd .change_4S .picker {
page .container .new__container .card .card_logo .cdddd .change_4S .picker,
page .container .new__container .card .card_time .cdddd .change_4S .picker {
flex: 1;
font-size: 30rpx;
color: #000;
height: 48rpx;
}
page .container .card .card_logo .cdddd .change_4S .rowimg,
page .container .card .card_time .cdddd .change_4S .rowimg {
page .container .new__container .card .card_logo .cdddd .change_4S .rowimg,
page .container .new__container .card .card_time .cdddd .change_4S .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .card .card_logo .cdddd .change_4S .rowimg image,
page .container .card .card_time .cdddd .change_4S .rowimg image {
page .container .new__container .card .card_logo .cdddd .change_4S .rowimg image,
page .container .new__container .card .card_time .cdddd .change_4S .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .card .car {
page .container .new__container .card .car {
display: flex;
align-items: center;
height: 125rpx;
border-bottom: 1rpx solid #f5f5f5;
}
page .container .card .car input {
page .container .new__container .card .car input {
flex: 1;
}
page .container .card .car .text_car {
page .container .new__container .card .car .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
page .container .card .car .labelsItem {
page .container .new__container .card .car .labelsItem {
width: 180rpx !important;
}
page .container .card .abdcar {
page .container .new__container .card .abdcar {
border: none;
}
page .container .abd {
page .container .new__container .abd {
display: flex;
align-items: center;
}
page .container .abd .card_time_van {
page .container .new__container .abd .card_time_van {
flex: 1;
height: 120rpx;
display: flex;
}
page .container .abd .card_time_van .van-cell__title {
page .container .new__container .abd .card_time_van .van-cell__title {
font-size: 32rpx;
font-weight: bold;
}
page .container .abd .card_time_van .card_time_vant {
page .container .new__container .abd .card_time_van .card_time_vant {
height: 120rpx;
}
page .container .abd .card_time_van .van-cell__value {
page .container .new__container .abd .card_time_van .van-cell__value {
text-align: left;
}
page .container .abd .rowimg {
page .container .new__container .abd .rowimg {
width: 48rpx;
height: 48rpx;
}
page .container .abd .rowimg image {
page .container .new__container .abd .rowimg image {
width: 48rpx;
height: 48rpx;
}
page .container .sure_btn {
page .container .new__container .sure_btn {
position: fixed;
left: 0;
bottom: 20rpx;
... ... @@ -181,16 +184,16 @@ page .container .sure_btn {
border-radius: 12rpx;
color: #fff;
}
page .container .van-cell {
page .container .new__container .van-cell {
padding: 0;
border: none;
line-height: 120rpx;
width: 320rpx;
}
page .container .van-cell::after {
page .container .new__container .van-cell::after {
border: none;
}
page .container .commodity_screen {
page .container .new__container .commodity_screen {
width: 100%;
height: 100%;
position: fixed;
... ... @@ -202,7 +205,7 @@ page .container .commodity_screen {
z-index: 1000;
color: #fff;
}
page .container .commodity_attr_box {
page .container .new__container .commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
... ... @@ -214,23 +217,23 @@ page .container .commodity_attr_box {
padding: 20rpx;
box-sizing: border-box;
}
page .container .commodity_attr_box .tent {
page .container .new__container .commodity_attr_box .tent {
width: 100%;
display: flex;
flex-wrap: wrap;
}
page .container .commodity_attr_box .tent .carText {
page .container .new__container .commodity_attr_box .tent .carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
page .container .commodity_attr_box .tent .activedCar {
page .container .new__container .commodity_attr_box .tent .activedCar {
background-color: #12d1eb;
color: #fff;
}
page .change_box {
page .container .change_box {
flex: 1;
display: flex;
align-items: center;
... ...
... ... @@ -9,7 +9,7 @@
<view class="right_cont">
<view class="title_content2 ser_title">{{swiperList.info.name}}</view>
<view class="list_cont">
<view class="conte_name">报名费：</view>
<view class="conte_name">预约费：</view>
<view class="c_icon">
<view class="money_icon">￥</view>
<view class="money_">{{swiperList.info.price}}</view>
... ... @@ -41,7 +41,7 @@
<!-- 商品价格 -->
<view class="down">
<view class="store_num public">
<text class="store_name public_1">报名费</text>
<text class="store_name public_1">预约费</text>
<view class="goods_price public_2">
<text class="money_icon" wx:if="{{swiperList.info.price >0}}">￥</text>
<text class="price">{{swiperList.info.price}}</text>
... ...
... ... @@ -36,6 +36,18 @@ Page({
Address: {},
scene: '',
che_id: '',
carCodeNumber: '', //车牌号
isKeyboard: false, //是否显示键盘
keyboardType: 'keyboardOne', //键盘类型
isKeyboardContent: true, // 控制首先展示省称还是英文
maxLength: '', //最大长度
minLength: '', //最小程度
test: '', //正则
placeholder: '', //提示信息
whichInput: '', //方法名
inputContent: '', //input内容
carCode: ''
},
... ... @@ -61,9 +73,36 @@ Page({
name: e.detail.value
})
},
paiInput(e) { // c车牌号
getCarCode() {
this.setData({
isKeyboard: true,
maxLength: 6,
minLength: 6,
isKeyboardContent: false,
test: '[A-Z0-9]{3}',
placeholder: '请输入车牌号',
whichInput: 'changeCarCode',
inputContent: this.data.carCode
})
},
changeCarCode(e) {
this.setData({
isKeyboard: false,
carCode: e.detail.inputContent
})
console.log(this.data.carCode);
this.paiInput()
},
getCodeNumber() {
this.getCarCode()
},
clickme() {
this.selectComponent("#keyboard").keyboardClick()
this.showModal();
},
paiInput() { // c车牌号
let that = this
let carNum = e.detail.value
let carNum = this.data.carCode
let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
const careg = reg.test(carNum);
if (!careg) {
... ... @@ -260,32 +299,12 @@ Page({
}
},
bindinputed(e) {
let that = this
let carNum = e.detail.value
that.setData({
pai: carNum
})
// let sheng_id = that.data.sheng_id
// let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
// const careg = reg.test(carNum);
// if (!careg) {
// wx.showToast({
// icon: 'none',
// title: '请输入正确车牌号',
// })
// return;
// } else {
// that.setData({
// pai: carNum
// })
// console.log(that.data.shengItem, "shengItem");
// if (sheng_id != '') {
// that.getRegister()
// }
// }
},
async getRegister() { // 注册
let that = this
... ... @@ -320,7 +339,6 @@ Page({
}
},
sendShen() {
let that = this
wx.showModal({
... ... @@ -429,9 +447,7 @@ Page({
},
clickme() {
this.showModal();
},
onShow: function () {
let that = this
... ...
{
"usingComponents": {},
"usingComponents": {
"keyboard": "../../Components/keyboard/keyboard"
},
"navigationBarTitleText": "添加车辆"
}
\ No newline at end of file
... ...
.container {
padding: 32rpx;
width: 100%;
.new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
.address {
... ... @@ -375,4 +379,5 @@
}
}
}
\ No newline at end of file
... ...
<view class="container">
<view class="new__container">
<view class="address">
<view class="le">
<image src="{{imagesUrl}}assets/static/img/icon_address@2.png" />
... ... @@ -26,7 +27,7 @@
<image class='select_img {{show&&"select_img_rotate"}}' src='{{imagesUrl}}assets/static/img/down_arrow.png'></image>
</view>
</view>
<input maxlength="10" type="text" value="{{pai}}" placeholder="英文字母请大写" placeholder-class="text_car" name="pai" catchinput="bindinputed" catchblur="paiInput" />
<input maxlength="6" value='{{carCode}}' disabled bindtap='getCodeNumber' placeholder="请输入车牌号" placeholder-class="text_car" name="pai" />
</view>
<view class="card_logo car">
<label for="车辆品牌" style="width:260rpx">车辆品牌:</label>
... ... @@ -80,4 +81,6 @@
</view>
</view>
</view>
</view>
<keyboard id="keyboard" isKeyboard="{{isKeyboard}}" keyboardType="{{keyboardType}}" maxLength="{{maxLength}}" minLength="{{minLength}}" test="{{test}}" placeholder="{{placeholder}}" isKeyboardContent="{{isKeyboardContent}}" bind:fwhfContent="{{whichInput}}" inputContent="{{inputContent}}" />
</view>
\ No newline at end of file
... ...
.container {
padding: 32rpx;
width: 100%;
}
.container .new__container {
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
/*使屏幕变暗 */
/*对话框 */
}
.container .address {
.container .new__container .address {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 15rpx;
}
.container .address .le {
.container .new__container .address .le {
width: 48rpx;
height: 48rpx;
}
.container .address .le image {
.container .new__container .address .le image {
width: 100%;
}
.container .address .addcar {
.container .new__container .address .addcar {
padding-left: 15rpx;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.container .address .addcar .tops {
.container .new__container .address .addcar .tops {
width: 100%;
font-size: 32rpx;
font-weight: bold;
... ... @@ -33,34 +37,34 @@
padding: 10rpx 0;
box-sizing: border-box;
}
.container .address .addcar .downcar {
.container .new__container .address .addcar .downcar {
padding: 10rpx 0;
box-sizing: border-box;
width: 100%;
display: flex;
align-items: center;
}
.container .address .addcar .downcar .dizhi {
.container .new__container .address .addcar .downcar .dizhi {
font-size: 24rpx;
color: #06121F;
}
.container .address .addcar .downcar .phone {
.container .new__container .address .addcar .downcar .phone {
margin-left: 30rpx;
font-size: 24rpx;
color: #06121F;
}
.container .card {
.container .new__container .card {
background-color: #fff;
border-radius: 16rpx;
width: 100%;
padding: 0 32rpx;
box-sizing: border-box;
}
.container .card .select_box {
.container .new__container .card .select_box {
position: relative;
margin-right: 10rpx;
}
.container .card .select_box .select {
.container .new__container .card .select_box .select {
box-sizing: border-box;
width: 100%;
border: 0px solid #efefef;
... ... @@ -68,30 +72,30 @@
display: flex;
align-items: center;
}
.container .card .select_box .select .select_text {
.container .new__container .card .select_box .select .select_text {
font-size: 35rpx;
flex: 1;
color: #000;
letter-spacing: 0.2em;
}
.container .card .select_box .select .colorHui {
.container .new__container .card .select_box .select .colorHui {
color: #BDC4CE;
font-size: 28rpx;
}
.container .card .select_box .select .sheng_id {
.container .new__container .card .select_box .select .sheng_id {
color: #000;
}
.container .card .select_box .select .select_img {
.container .new__container .card .select_box .select .select_img {
width: 28rpx;
height: 28rpx;
margin-left: 10rpx;
display: block;
transition: transform 0.3s;
}
.container .card .select_box .select .select_img_rotate {
.container .new__container .card .select_box .select .select_img_rotate {
transform: rotate(180deg);
}
.container .card .select_box .option_box {
.container .new__container .card .select_box .option_box {
position: absolute;
top: 52rpx;
width: 100%;
... ... @@ -104,7 +108,7 @@
transition: height 0.3s;
z-index: 5;
}
.container .card .select_box .option_box .option {
.container .new__container .card .select_box .option_box .option {
display: block;
line-height: 40rpx;
font-size: 30rpx;
... ... @@ -112,150 +116,150 @@
padding: 10rpx;
color: black;
}
.container .card .card_logo .change_4S,
.container .card .card_time .change_4S {
.container .new__container .card .card_logo .change_4S,
.container .new__container .card .card_time .change_4S {
width: 100%;
display: flex;
align-items: center;
}
.container .card .card_logo .change_4S .picker,
.container .card .card_time .change_4S .picker {
.container .new__container .card .card_logo .change_4S .picker,
.container .new__container .card .card_time .change_4S .picker {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.container .card .card_logo .change_4S .picker .picker_1,
.container .card .card_time .change_4S .picker .picker_1 {
.container .new__container .card .card_logo .change_4S .picker .picker_1,
.container .new__container .card .card_time .change_4S .picker .picker_1 {
width: 394rpx;
box-sizing: border-box;
font-size: 28rpx;
color: #BDC4CE;
}
.container .card .card_logo .change_4S .picker .picker_2,
.container .card .card_time .change_4S .picker .picker_2 {
.container .new__container .card .card_logo .change_4S .picker .picker_2,
.container .new__container .card .card_time .change_4S .picker .picker_2 {
color: #2c2c2c;
}
.container .card .card_logo .change_4S .picker .rowimg,
.container .card .card_time .change_4S .picker .rowimg {
.container .new__container .card .card_logo .change_4S .picker .rowimg,
.container .new__container .card .card_time .change_4S .picker .rowimg {
width: 48rpx;
height: 48rpx;
}
.container .card .card_logo .change_4S .picker .rowimg image,
.container .card .card_time .change_4S .picker .rowimg image {
.container .new__container .card .card_logo .change_4S .picker .rowimg image,
.container .new__container .card .card_time .change_4S .picker .rowimg image {
width: 48rpx;
height: 48rpx;
}
.container .card .card_logo .change_4S .rowimg,
.container .card .card_time .change_4S .rowimg {
.container .new__container .card .card_logo .change_4S .rowimg,
.container .new__container .card .card_time .change_4S .rowimg {
width: 48rpx;
height: 48rpx;
}
.container .card .card_logo .change_4S .rowimg image,
.container .card .card_time .change_4S .rowimg image {
.container .new__container .card .card_logo .change_4S .rowimg image,
.container .new__container .card .card_time .change_4S .rowimg image {
width: 48rpx;
height: 48rpx;
}
.container .card .car {
.container .new__container .card .car {
display: flex;
align-items: center;
height: 125rpx;
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
}
.container .card .car input {
.container .new__container .card .car input {
width: 100%;
color: #2c2c2c;
}
.container .card .car .text_car {
.container .new__container .card .car .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
.container .card .card_km {
.container .new__container .card .card_km {
display: flex;
align-items: center;
height: 125rpx;
flex: 1;
border-bottom: 1rpx solid #f5f5f5;
}
.container .card .card_km .km {
.container .new__container .card .card_km .km {
font-size: 28rpx;
color: #06121E;
width: 50rpx;
text-align: right;
}
.container .card .card_km .labelsitem {
.container .new__container .card .card_km .labelsitem {
width: 180rpx;
}
.container .card .card_km .flex_km {
.container .new__container .card .card_km .flex_km {
flex: 1;
}
.container .card .card_km .text_car {
.container .new__container .card .card_km .text_car {
font-size: 28rpx;
color: #BDC4CE;
line-height: 48rpx;
}
.container .card .car4S {
.container .new__container .card .car4S {
border: none;
}
.container .rules {
.container .new__container .rules {
margin-top: 32rpx;
padding: 30rpx 30rpx 0rpx;
box-sizing: border-box;
background-color: #fff;
}
.container .rules .title {
.container .new__container .rules .title {
font-size: 24rpx;
color: #06121E;
}
.container .rules .rich_text {
.container .new__container .rules .rich_text {
padding: 32rpx 0;
box-sizing: border-box;
color: #8C9198;
font-size: 24rpx;
line-height: 50rpx;
}
.container .books_change {
.container .new__container .books_change {
width: 100%;
height: 50rpx;
display: flex;
align-items: center;
margin-top: 32rpx;
}
.container .books_change .radios {
.container .new__container .books_change .radios {
width: 32rpx;
height: 50rpx;
display: flex;
align-items: center;
justify-content: center;
}
.container .books_change .radios image {
.container .new__container .books_change .radios image {
width: 32rpx;
height: 32rpx;
}
.container .books_change .tongi {
.container .new__container .books_change .tongi {
font-size: 28rpx;
margin-left: 10rpx;
height: 50rpx;
line-height: 50rpx;
}
.container .books_change .fuwuxieyi {
.container .new__container .books_change .fuwuxieyi {
display: inline;
color: #12d1eb;
height: 50rpx;
}
.container .bannner {
.container .new__container .bannner {
margin-top: 15rpx;
display: flex;
align-items: center;
width: 100%;
height: 200rpx;
}
.container .bannner image {
.container .new__container .bannner image {
width: 100%;
}
.container .downbtn {
.container .new__container .downbtn {
width: 100%;
position: fixed;
bottom: 0;
... ... @@ -264,7 +268,7 @@
padding: 0 64rpx;
box-sizing: border-box;
}
.container .downbtn .btn {
.container .new__container .downbtn .btn {
width: 620rpx;
height: 80rpx;
margin: 10rpx 0;
... ... @@ -275,7 +279,7 @@
background-color: #E8370F;
color: #fff;
}
.container .commodity_screen {
.container .new__container .commodity_screen {
width: 100%;
height: 100%;
position: fixed;
... ... @@ -287,7 +291,7 @@
z-index: 1000;
color: #fff;
}
.container .commodity_attr_box {
.container .new__container .commodity_attr_box {
height: 400rpx;
width: 100%;
overflow: hidden;
... ... @@ -299,19 +303,19 @@
padding: 20rpx;
box-sizing: border-box;
}
.container .commodity_attr_box .tent {
.container .new__container .commodity_attr_box .tent {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.container .commodity_attr_box .tent .carText {
.container .new__container .commodity_attr_box .tent .carText {
padding: 15rpx;
font-size: 31rpx;
box-sizing: border-box;
background-color: #Fff;
margin: 11rpx;
}
.container .commodity_attr_box .tent .activedCar {
.container .new__container .commodity_attr_box .tent .activedCar {
background-color: #12d1eb;
color: #fff;
}
... ...
... ... @@ -36,7 +36,13 @@ Page({
currentT: e.target.dataset.num,
way: e.target.dataset.num
})
console.log(this.data.way, "way");
if (e.target.dataset.num == 1) {
this.getredPacket()
} else {
this.getmyPacket()
}
},
allPopup(e) {
... ... @@ -126,10 +132,8 @@ Page({
isClick = true;
}, 3000); //一秒内不能重复点击
} catch (err) {
that.setData({
msg: err.msg
})
that.popMaskTest()
console.log(err);
a.popTest(err.msg)
}
} else {
... ... @@ -155,10 +159,8 @@ Page({
myPacket: data,
})
} catch (err) {
that.setData({
msg: err.msg
})
that.popMaskTest()
console.log(err);
a.popTest(err.msg)
}
... ...
... ... @@ -57,6 +57,7 @@ Page({
},
async getSearch(e) { // 获取搜索
let that = this;
console.log(e);
if (e) {
that.setData({
kw: e.detail.value.input ? e.detail.value.input : e.detail.value,
... ... @@ -94,8 +95,7 @@ Page({
msg: '没有找到与' + '"' + that.data.kw + '"' + '相关的结果',
kw: '',
})
a.popTest()
wx.hideLoading()
a.popTest(that.data.msg)
} else {
a.popTest('暂无数据')
wx.hideLoading()
... ...
... ... @@ -37,6 +37,7 @@ page {
display: flex;
align-items: center;
height: 100rpx;
box-shadow: 0rpx 6rpx 12rpx 0rpx rgba(0, 0, 0, 0.04);
.left_store {
flex: 1;
... ... @@ -49,19 +50,10 @@ page {
font-size: 28rpx;
line-height: 100rpx;
text-align: center;
}
color: #06121E;
}
.item {
font-weight: bold;
font-size: 32rpx;
line-height: 100rpx;
text-align: center;
background-color: #f53526;
// background: linear-gradient(270deg, #f53526 0%, #fd7f2e 99%);
color: #fff;
border-radius: 0 0 6rpx 6rpx;
}
.right_store {
... ... @@ -75,8 +67,35 @@ page {
font-size: 28rpx;
line-height: 100rpx;
text-align: center;
color: #06121E;
}
}
.item__changed {
position: relative;
.right_totd,
.left_totd {
font-family: PingFang SC,
PingFang SC-Medium;
font-weight: 600;
text-align: center;
color: #e8370f;
}
&::after {
content: '';
position: absolute;
bottom: 0rpx;
left: 50%;
transform: translateX(-50%);
z-index: 2;
width: 40rpx;
height: 4rpx;
background-color: #da1e0a;
}
}
}
... ...
... ... @@ -6,11 +6,11 @@
</view>
</view>
<view class="cateCart">
<view class="left_store " data-num="1" bindtap="changeTitle">
<view class="left_totd {{_num == 1? 'item':''}}">车唛商品</view>
<view class="left_store {{_num == 1? 'item__changed':''}}" data-num="1" bindtap="changeTitle">
<view class="left_totd ">车唛商品</view>
</view>
<view class="right_store " data-num="2" bindtap="changeTitle">
<view class="right_totd {{_num == 2? 'item':''}}">4S店商品</view>
<view class="right_store {{_num == 2? 'item__changed':''}}" data-num="2" bindtap="changeTitle">
<view class="right_totd ">4S店商品</view>
</view>
</view>
<!-- 车唛商品 -->
... ...
... ... @@ -30,6 +30,7 @@ page {
display: flex;
align-items: center;
height: 100rpx;
box-shadow: 0rpx 6rpx 12rpx 0rpx rgba(0, 0, 0, 0.04);
}
.container .cateCart .left_store {
flex: 1;
... ... @@ -42,15 +43,7 @@ page {
font-size: 28rpx;
line-height: 100rpx;
text-align: center;
}
.container .cateCart .item {
font-weight: bold;
font-size: 32rpx;
line-height: 100rpx;
text-align: center;
background-color: #f53526;
color: #fff;
border-radius: 0 0 6rpx 6rpx;
color: #06121E;
}
.container .cateCart .right_store {
flex: 1;
... ... @@ -63,6 +56,28 @@ page {
font-size: 28rpx;
line-height: 100rpx;
text-align: center;
color: #06121E;
}
.container .cateCart .item__changed {
position: relative;
}
.container .cateCart .item__changed .right_totd,
.container .cateCart .item__changed .left_totd {
font-family: PingFang SC, PingFang SC-Medium;
font-weight: 600;
text-align: center;
color: #e8370f;
}
.container .cateCart .item__changed::after {
content: '';
position: absolute;
bottom: 0rpx;
left: 50%;
transform: translateX(-50%);
z-index: 2;
width: 40rpx;
height: 4rpx;
background-color: #da1e0a;
}
.container .emmpty4S {
width: 100%;
... ...
... ... @@ -88,6 +88,18 @@
{
"name": "pages/home/home",
"pathName": "pages/home/home",
"query": "",
"scene": null
},
{
"name": "pages/details/details",
"pathName": "pages/details/details",
"query": "",
"scene": null
},
{
"name": "pages/addcars/addcars",
"pathName": "pages/addcars/addcars",
"scene": null
}
]
... ...