Commit cf13973d authored by 程新智's avatar 程新智 👽

ui优化

parent 4a4f7c5c
......@@ -21,10 +21,11 @@ export default {
}
.appCotent {
height: 100%;
box-sizing: border-box;
background: #f9f9f9;
max-width: 750rpx;
margin: 0 auto;
min-height: 100vh;
}
uni-page-body {
......
......@@ -36,7 +36,12 @@
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
"navigationBarTitleText": "首页",
"app-plus": {
"titleNView":{
"autoBackButton":true
}
}
}
},
{
......@@ -59,7 +64,12 @@
{
"path": "pages/move-car/index",
"style": {
"navigationBarTitleText": "我要挪车"
"navigationBarTitleText": "我要挪车",
"app-plus": {
"titleNView":{
"autoBackButton":false
}
}
}
},
{
......@@ -136,7 +146,12 @@
{
"path": "pages/shop/index",
"style": {
"navigationBarTitleText": "精选商城"
"navigationBarTitleText": "精选商城",
"app-plus": {
"titleNView":{
"autoBackButton":false
}
}
}
},
{
......@@ -171,8 +186,10 @@
{
"path": "pages/personal/index",
"style": {
"navigationBarTitleText": "个人中心",
"app-plus": {
"titleNView": false
"titleNView":{
}
}
}
},
......
......@@ -4,37 +4,39 @@
-->
<template>
<view class="appCotent">
<div class="addCar">
<div class="add__content">
<div class="add__title">
填写车辆信息
<div class="addCar">
<div class="add__content">
<div class="add__title">
填写车辆信息
</div>
<div>
<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1" labelWidth="100">
<u-form-item label="品牌" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="车型" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="行驶里程" prop="userInfo.name" borderBottom ref="item1">
<div class="self__input__km">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>KM
</div>
</u-form-item>
<u-form-item label="车牌号" ref="item1"> </u-form-item>
<car-number v-model="carNumber"></car-number>
</u--form>
</div>
</div>
<div>
<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1" labelWidth="100">
<u-form-item label="品牌" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="车型" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="行驶里程" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>KM
</u-form-item>
<u-form-item label="车牌号" ref="item1"> </u-form-item>
<car-number v-model="carNumber"></car-number>
</u--form>
<div class="add__user">
<u-checkbox-group v-model="checked" placement="row">
<u-checkbox activeColor="ok"></u-checkbox>
</u-checkbox-group>
勾选同意<span>《用户服务协议》</span>
</div>
<div class="add__btn add__no__bind">
完成
</div>
</div>
<div class="add__user">
<u-checkbox-group v-model="checked" placement="row">
<u-checkbox activeColor="ok"></u-checkbox>
</u-checkbox-group>
勾选同意<span>《用户服务协议》</span>
</div>
<div class="add__btn add__no__bind">
完成
</div>
</div>
</view>
</template>
......@@ -95,14 +97,16 @@ export default {
<style lang="scss" scoped>
.addCar {
padding: 40rpx 0rpx;
.uni-input-input,
.uni-input-placeholder {
text-indent: 300rpx;
/deep/.u-input__content__field-wrapper__field{
text-align: right !important;
padding-right: 30rpx;
}
.u-checkbox-group {
display: inline-block !important;
}
/deep/.u-checkbox-group--row {
/deep/.u-checkbox-group--row {
display: inline-block !important;
}
......@@ -138,6 +142,7 @@ export default {
padding-left: 40rpx;
margin-top: 30rpx;
margin-bottom: 60rpx;
span {
color: rgba(58, 134, 247, 1);
padding: 0 5rpx;
......
......@@ -18,7 +18,9 @@
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>
</u-form-item>
<u-form-item label="行驶里程" prop="userInfo.name" borderBottom ref="item1">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>KM
<div class="self__input__km">
<u--input v-model="model1.userInfo.name" placeholder="请输入" border="none"></u--input>KM
</div>
</u-form-item>
<u-form-item label="车牌号" ref="item1"> </u-form-item>
<car-number v-model="carNumber"></car-number>
......@@ -93,9 +95,10 @@ export default {
<style lang="scss" scoped>
.editCar {
padding: 40rpx 0rpx;
.uni-input-input,
.uni-input-placeholder {
text-indent: 300rpx;
/deep/ .u-input__content__field-wrapper__field{
text-align: right !important;
padding-right: 30rpx;
justify-content: space-evenly;
}
.u-checkbox-group {
display: inline-block !important;
......
......@@ -12,7 +12,7 @@
</div>
</div>
<div class="car_item__three">
我的车辆如果阻碍了您的爱车的通行,请点击下方按钮通知我,给您造成的不便敬请谅解!!!
感谢您使用挪车二维码,请完成车牌号与手机的绑定以便享受挪车服务
</div>
</div>
<div class="moveCarMsg">
......@@ -112,6 +112,10 @@ export default {
<style lang="scss" scoped>
.scan {
/deep/ .form-container .line .input{
text-align: right !important;
padding-right: 30rpx;
}
.use__text {
text-align: center;
font-size: 28rpx;
......
......@@ -8,7 +8,7 @@
<custom-tarbar :selected="4"></custom-tarbar>
<view class="personal">
<div class="ps__bg">
<div class="ps__title">个人中心</div>
<div class="ps__title"></div>
<div class="ps__info">
<div class="info__cover">
<image src="@/static/my/my2.png" />
......@@ -140,7 +140,7 @@ export default {
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-top: 80rpx;
padding-top: 40rpx;
}
.ps__info {
......
......@@ -87,7 +87,7 @@ export default {
}
}
.view__item:nth-last-child(1) {
.view__item:nth-of-type(2) {
border-bottom: none !important;
}
}
......
......@@ -14,4 +14,8 @@
position: absolute;
bottom: 16rpx;
left: 2rpx;
}
.self__input__km{
display: flex;
align-items: center;
}
\ No newline at end of file
{
"pages": [
"pages/binding/index",
"pages/binding/binding",
"pages/release/release"
],
"subPackages": [
{
"root": "pagesA",
"pages": [
"pages/index/index",
"pages/index/getPrice",
"pages/index/getCarCode"
]
},
{
"root": "pagesB",
"pages": [
"pages/move-car/index",
"pages/move-car/oneMoveCar",
"pages/move-car/myMoveCar",
"pages/move-car/moveCarDetail",
"pages/move-car/loveCar",
"pages/move-car/addCar",
"pages/move-car/editCar",
"pages/move-car/myRecord",
"pages/move-car/myCall",
"pages/move-car/recordDetail",
"pages/move-car/callDetail",
"pages/move-car/scan"
]
},
{
"root": "pagesC",
"pages": [
"pages/shop/index",
"pages/shop/detail",
"pages/shop/search",
"pages/shop/pay",
"pages/shop/payOk"
]
},
{
"root": "pagesD",
"pages": [
"pages/personal/index",
"pages/personal/myAddress",
"pages/personal/addAddress",
"pages/personal/editAddress",
"pages/personal/myOrder",
"pages/personal/orderDetail",
"pages/personal/carTime",
"pages/personal/pull",
"pages/personal/userInfo",
"pages/personal/help",
"pages/personal/ask",
"pages/personal/asking"
]
}
],
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "首页",
"navigationBarBackgroundColor": "#ffffff",
"backgroundColor": "#ffffff",
"rpxCalcMaxDeviceWidth": 750,
"rpxCalcBaseDeviceWidth": 375,
"rpxCalcIncludeWidth": 750
"pages": [
"pages/binding/index",
"pages/binding/binding",
"pages/release/release"
],
"subPackages": [
{
"root": "pagesA",
"pages": [
"pages/index/index",
"pages/index/getPrice",
"pages/index/getCarCode"
]
},
"usingComponents": {
"active-form": "/common/active-form/active-form"
{
"root": "pagesB",
"pages": [
"pages/move-car/index",
"pages/move-car/oneMoveCar",
"pages/move-car/myMoveCar",
"pages/move-car/moveCarDetail",
"pages/move-car/loveCar",
"pages/move-car/addCar",
"pages/move-car/editCar",
"pages/move-car/myRecord",
"pages/move-car/myCall",
"pages/move-car/recordDetail",
"pages/move-car/callDetail",
"pages/move-car/scan"
]
},
"sitemapLocation": "sitemap.json"
{
"root": "pagesC",
"pages": [
"pages/shop/index",
"pages/shop/detail",
"pages/shop/search",
"pages/shop/pay",
"pages/shop/payOk"
]
},
{
"root": "pagesD",
"pages": [
"pages/personal/index",
"pages/personal/myAddress",
"pages/personal/addAddress",
"pages/personal/editAddress",
"pages/personal/myOrder",
"pages/personal/orderDetail",
"pages/personal/carTime",
"pages/personal/pull",
"pages/personal/userInfo",
"pages/personal/help",
"pages/personal/ask",
"pages/personal/asking"
]
}
],
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "首页",
"navigationBarBackgroundColor": "#ffffff",
"backgroundColor": "#ffffff",
"rpxCalcMaxDeviceWidth": 750,
"rpxCalcBaseDeviceWidth": 375,
"rpxCalcIncludeWidth": 750
},
"usingComponents": {
"active-form": "/common/active-form/active-form"
}
}
\ No newline at end of file
......@@ -74,6 +74,10 @@
bottom: 16rpx;
left: 2rpx;
}
.self__input__km{
display: flex;
align-items: center;
}
.u-line-1 {
display: -webkit-box !important;
overflow: hidden;
......@@ -310,10 +314,11 @@
box-sizing: border-box;
}
.appCotent {
height: 100%;
box-sizing: border-box;
background: #f9f9f9;
max-width: 750rpx;
margin: 0 auto;
min-height: 100vh;
}
uni-page-body {
width: 100%;
......
......@@ -186,6 +186,8 @@ __webpack_require__.r(__webpack_exports__);
......
<view class="appCotent data-v-544a7a7c"><view class="addCar _div data-v-544a7a7c"><view class="add__content _div data-v-544a7a7c"><view class="add__title _div data-v-544a7a7c">填写车辆信息</view><view class="_div data-v-544a7a7c"><u--form vue-id="3505560a-1" labelPosition="left" model="{{model1}}" rules="{{rules}}" labelWidth="100" data-ref="form1" class="data-v-544a7a7c vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u-form-item vue-id="{{('3505560a-2')+','+('3505560a-1')}}" label="品牌" prop="userInfo.name" borderBottom="{{true}}" data-ref="item1" class="data-v-544a7a7c vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u--input bind:input="__e" vue-id="{{('3505560a-3')+','+('3505560a-2')}}" placeholder="请输入" border="none" value="{{model1.userInfo.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['model1.userInfo']]]]]}}" class="data-v-544a7a7c" bind:__l="__l"></u--input></u-form-item><u-form-item vue-id="{{('3505560a-4')+','+('3505560a-1')}}" label="车型" prop="userInfo.name" borderBottom="{{true}}" data-ref="item1" class="data-v-544a7a7c vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u--input bind:input="__e" vue-id="{{('3505560a-5')+','+('3505560a-4')}}" placeholder="请输入" border="none" value="{{model1.userInfo.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['model1.userInfo']]]]]}}" class="data-v-544a7a7c" bind:__l="__l"></u--input></u-form-item><u-form-item vue-id="{{('3505560a-6')+','+('3505560a-1')}}" label="行驶里程" prop="userInfo.name" borderBottom="{{true}}" data-ref="item1" class="data-v-544a7a7c vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u--input bind:input="__e" vue-id="{{('3505560a-7')+','+('3505560a-6')}}" placeholder="请输入" border="none" value="{{model1.userInfo.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['model1.userInfo']]]]]}}" class="data-v-544a7a7c" bind:__l="__l"></u--input>KM</u-form-item><u-form-item vue-id="{{('3505560a-8')+','+('3505560a-1')}}" label="车牌号" data-ref="item1" class="data-v-544a7a7c vue-ref" bind:__l="__l"></u-form-item><car-number bind:input="__e" vue-id="{{('3505560a-9')+','+('3505560a-1')}}" value="{{carNumber}}" data-event-opts="{{[['^input',[['__set_model',['','carNumber','$event',[]]]]]]}}" class="data-v-544a7a7c" bind:__l="__l"></car-number></u--form></view></view><view class="add__user _div data-v-544a7a7c"><u-checkbox-group bind:input="__e" vue-id="3505560a-10" placement="row" value="{{checked}}" data-event-opts="{{[['^input',[['__set_model',['','checked','$event',[]]]]]]}}" class="data-v-544a7a7c" bind:__l="__l" vue-slots="{{['default']}}"><u-checkbox vue-id="{{('3505560a-11')+','+('3505560a-10')}}" activeColor="ok" class="data-v-544a7a7c" bind:__l="__l"></u-checkbox></u-checkbox-group>勾选同意<label class="_span data-v-544a7a7c">《用户服务协议》</label></view><view class="add__btn add__no__bind _div data-v-544a7a7c">完成</view></view></view>
\ No newline at end of file
<view class="appCotent data-v-544a7a7c"><view class="addCar _div data-v-544a7a7c"><view class="add__content _div data-v-544a7a7c"><view class="add__title _div data-v-544a7a7c">填写车辆信息</view><view class="_div data-v-544a7a7c"><u--form vue-id="3505560a-1" labelPosition="left" model="{{model1}}" rules="{{rules}}" labelWidth="100" data-ref="form1" class="data-v-544a7a7c vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u-form-item vue-id="{{('3505560a-2')+','+('3505560a-1')}}" label="品牌" prop="userInfo.name" borderBottom="{{true}}" data-ref="item1" class="data-v-544a7a7c vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u--input bind:input="__e" vue-id="{{('3505560a-3')+','+('3505560a-2')}}" placeholder="请输入" border="none" value="{{model1.userInfo.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['model1.userInfo']]]]]}}" class="data-v-544a7a7c" bind:__l="__l"></u--input></u-form-item><u-form-item vue-id="{{('3505560a-4')+','+('3505560a-1')}}" label="车型" prop="userInfo.name" borderBottom="{{true}}" data-ref="item1" class="data-v-544a7a7c vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><u--input bind:input="__e" vue-id="{{('3505560a-5')+','+('3505560a-4')}}" placeholder="请输入" border="none" value="{{model1.userInfo.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['model1.userInfo']]]]]}}" class="data-v-544a7a7c" bind:__l="__l"></u--input></u-form-item><u-form-item vue-id="{{('3505560a-6')+','+('3505560a-1')}}" label="行驶里程" prop="userInfo.name" borderBottom="{{true}}" data-ref="item1" class="data-v-544a7a7c vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="self__input__km _div data-v-544a7a7c"><u--input bind:input="__e" vue-id="{{('3505560a-7')+','+('3505560a-6')}}" placeholder="请输入" border="none" value="{{model1.userInfo.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['model1.userInfo']]]]]}}" class="data-v-544a7a7c" bind:__l="__l"></u--input>KM</view></u-form-item><u-form-item vue-id="{{('3505560a-8')+','+('3505560a-1')}}" label="车牌号" data-ref="item1" class="data-v-544a7a7c vue-ref" bind:__l="__l"></u-form-item><car-number bind:input="__e" vue-id="{{('3505560a-9')+','+('3505560a-1')}}" value="{{carNumber}}" data-event-opts="{{[['^input',[['__set_model',['','carNumber','$event',[]]]]]]}}" class="data-v-544a7a7c" bind:__l="__l"></car-number></u--form></view></view><view class="add__user _div data-v-544a7a7c"><u-checkbox-group bind:input="__e" vue-id="3505560a-10" placement="row" value="{{checked}}" data-event-opts="{{[['^input',[['__set_model',['','checked','$event',[]]]]]]}}" class="data-v-544a7a7c" bind:__l="__l" vue-slots="{{['default']}}"><u-checkbox vue-id="{{('3505560a-11')+','+('3505560a-10')}}" activeColor="ok" class="data-v-544a7a7c" bind:__l="__l"></u-checkbox></u-checkbox-group>勾选同意<label class="_span data-v-544a7a7c">《用户服务协议》</label></view><view class="add__btn add__no__bind _div data-v-544a7a7c">完成</view></view></view>
\ No newline at end of file
......@@ -27,9 +27,9 @@
.addCar.data-v-544a7a7c {
padding: 40rpx 0rpx;
}
.addCar .uni-input-input.data-v-544a7a7c,
.addCar .uni-input-placeholder.data-v-544a7a7c {
text-indent: 300rpx;
.addCar.data-v-544a7a7c .u-input__content__field-wrapper__field {
text-align: right !important;
padding-right: 30rpx;
}
.addCar .u-checkbox-group.data-v-544a7a7c {
display: inline-block !important;
......
......@@ -180,6 +180,8 @@ __webpack_require__.r(__webpack_exports__);
......
......@@ -27,9 +27,10 @@
.editCar.data-v-03a79731 {
padding: 40rpx 0rpx;
}
.editCar .uni-input-input.data-v-03a79731,
.editCar .uni-input-placeholder.data-v-03a79731 {
text-indent: 300rpx;
.editCar.data-v-03a79731 .u-input__content__field-wrapper__field {
text-align: right !important;
padding-right: 30rpx;
justify-content: space-evenly;
}
.editCar .u-checkbox-group.data-v-03a79731 {
display: inline-block !important;
......
<view class="appCotent data-v-c8b89674"><view class="scan _div data-v-c8b89674"><view class="contentMoveCar _div data-v-c8b89674"><view class="car_item__one _div data-v-c8b89674"><view class="item__content _div data-v-c8b89674">京A123G63</view></view><view class="car_item__three _div data-v-c8b89674">我的车辆如果阻碍了您的爱车的通行,请点击下方按钮通知我,给您造成的不便敬请谅解!!!</view></view><view class="moveCarMsg _div data-v-c8b89674"><view class="scan__tips _div data-v-c8b89674"><view class="_div data-v-c8b89674">请填写以下信息</view><view class="_div data-v-c8b89674">从爱车选择<label class="_span data-v-c8b89674"><image src="/static/move-car/scan_right.png" class="data-v-c8b89674"></image></label></view></view><active-form vue-id="4e593600-1" formDate="{{formData}}" data-event-opts="{{[['^updateFormDate',[['__set_sync',['$0','formData','$event'],['']]]],['^updateFormDate',[['__set_sync',['$0','formData','$event'],['']]]]]}}" bind:updateFormDate="__e" class="data-v-c8b89674" bind:__l="__l"></active-form></view><view class="view__btn view__no__bind _div data-v-c8b89674">确认绑定</view><view class="use__text _div data-v-c8b89674">使用说明</view></view></view>
\ No newline at end of file
<view class="appCotent data-v-c8b89674"><view class="scan _div data-v-c8b89674"><view class="contentMoveCar _div data-v-c8b89674"><view class="car_item__one _div data-v-c8b89674"><view class="item__content _div data-v-c8b89674">京A123G63</view></view><view class="car_item__three _div data-v-c8b89674">感谢您使用挪车二维码,请完成车牌号与手机的绑定以便享受挪车服务</view></view><view class="moveCarMsg _div data-v-c8b89674"><view class="scan__tips _div data-v-c8b89674"><view class="_div data-v-c8b89674">请填写以下信息</view><view class="_div data-v-c8b89674">从爱车选择<label class="_span data-v-c8b89674"><image src="/static/move-car/scan_right.png" class="data-v-c8b89674"></image></label></view></view><active-form vue-id="4e593600-1" formDate="{{formData}}" data-event-opts="{{[['^updateFormDate',[['__set_sync',['$0','formData','$event'],['']]]],['^updateFormDate',[['__set_sync',['$0','formData','$event'],['']]]]]}}" bind:updateFormDate="__e" class="data-v-c8b89674" bind:__l="__l"></active-form></view><view class="view__btn view__no__bind _div data-v-c8b89674">确认绑定</view><view class="use__text _div data-v-c8b89674">使用说明</view></view></view>
\ No newline at end of file
......@@ -24,6 +24,10 @@
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.scan.data-v-c8b89674 .form-container .line .input {
text-align: right !important;
padding-right: 30rpx;
}
.scan .use__text.data-v-c8b89674 {
text-align: center;
font-size: 28rpx;
......
{
"navigationBarTitleText": "个人中心",
"usingComponents": {
"u-gap": "/common/uview-ui/components/u-gap/u-gap",
"custom-tarbar": "/common/wxcomponents/custom-tarbar/custom-tarbar"
......
......@@ -35,7 +35,7 @@
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-top: 80rpx;
padding-top: 40rpx;
}
.personal .ps__bg .ps__info.data-v-b7e49e02 {
padding: 65rpx 40rpx 30rpx 40rpx;
......
......@@ -60,7 +60,7 @@
font-weight: 500;
color: #F1251B;
}
.pull .view__content .view__item.data-v-64e98128:nth-last-child(1) {
.pull .view__content .view__item.data-v-64e98128:nth-of-type(2) {
border-bottom: none !important;
}
.pull .view__btn.data-v-64e98128 {
......
......@@ -14,4 +14,8 @@
position: absolute;
bottom: 16rpx;
left: 2rpx;
}
.self__input__km{
display: flex;
align-items: center;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment