This commit is contained in:
tx 2024-09-25 18:03:49 +08:00
parent 38c586d74f
commit bf0a2d0e98
18 changed files with 755 additions and 182 deletions

View File

@ -9,7 +9,7 @@ const install = (Vue, vm) => {
// 测试环境
// baseUrl: 'https://dianche.chuantewulian.cn/prod-api',
// 俞山岛
baseUrl: 'https://dche.ccttiot.com/prod-api',
baseUrl: 'http://192.168.2.250:8090',
// 创特
loadingText: '努力加载中~',
loadingTime: 10000,
@ -21,7 +21,7 @@ const install = (Vue, vm) => {
// 创特:wx3428c498d5061192
// 俞山岛: wx4d178f8c80348214
// 请求拦截部分
Vue.prototype.$u.http.interceptor.request = (config) => {
Vue.prototype.$u.http.interceptor.request = (config) => {
// 引用token
// 方式一存放在vuex的token假设使用了uView封装的vuex方式
// 见https://uviewui.com/components/globalVariable.html

View File

@ -1,14 +1,14 @@
<template>
<view class="cont">
<view class="tab" @tap.stop="changeTabbar(0)">
<image src="@/static/tabbar/worke.png" mode="" v-show="indexs!=0"></image>
<image src="@/static/tabbar/worke-active.png" mode="" v-show="indexs==0"></image>
<view class="txt" :class="indexs==0?'act1':''" >工作台</view>
<image src="https://lxnapi.ccttiot.com/bike/img/static/ujqtjatCLwwZdpRmRmXA" mode="" v-show="indexs!=0"></image>
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJdVl8YDhrpXWulJcpLJ" mode="" v-show="indexs==0"></image>
<!-- <view class="txt" :class="indexs==0?'act1':''" >工作台</view> -->
</view>
<view class="tab" @tap.stop="changeTabbar(1)">
<image src="@/static/tabbar/map.png" mode="" v-show="indexs!=1" style="width: 36rpx;height: 36rpx;"></image>
<image src="@/static/tabbar/map-active.png" mode="" v-show="indexs==1" style="width: 36rpx;height: 36rpx;"></image>
<view class="txt" :class="indexs==1?'act1':''">地图</view>
<image src="https://lxnapi.ccttiot.com/bike/img/static/umbX39XSQm23r4sHwphm" mode="" v-show="indexs!=1" ></image>
<image src="https://lxnapi.ccttiot.com/bike/img/static/uDdpWhrMfUJ1mxEBzGOF" mode="" v-show="indexs==1" ></image>
<!-- <view class="txt" :class="indexs==1?'act1':''">地图</view> -->
</view>
<!-- <view class="tab" @tap.stop="changeTabbar(2)">
<image src="@/static/tabbar/order.png" mode="" v-show="indexs!=2" style="width: 28rpx;height: 36.4rpx;"></image>
@ -55,7 +55,7 @@
if(index==0){
uni.redirectTo({
url:'/pages_admin/admin_worke',
url:'/pages/index/index',
routeType: 'wx://modal',
success() {
that.currentTabbarIndex = index
@ -64,15 +64,7 @@
console.log('点击了',index);
}else if(index==1){
uni.redirectTo({
url:'/pages_admin/admin_index',
routeType: 'wx://modal',
success() {
that.currentTabbarIndex = index
}
})
}else if(index==2){
uni.redirectTo({
url:'/pages_admin/admin_order',
url:'/pages/my',
routeType: 'wx://modal',
success() {
that.currentTabbarIndex = index
@ -109,15 +101,15 @@
display: flex;
// align-items: center;
justify-content: space-around;
border-top: 2rpx solid #95989D;
// border-top: 2rpx solid #95989D;
.tab{
width: 100rpx;
display: flex;
flex-wrap: wrap;
justify-content: center;
image{
width: 40rpx;
height: 40rpx;
width: 64rpx;
height: 94rpx;
}
.txt{
text-align: center;

View File

@ -51,7 +51,7 @@
/* */
"mp-weixin" : {
"libVersion" : "latest",
"appid" : "wx3428c498d5061192",
"appid" : "wx21a50f113c30d41a",
"setting" : {
"urlCheck" : false,
"minified" : true

View File

@ -0,0 +1,45 @@
<template>
<view class="page">
<u-navbar :is-back="false" title="店铺管理" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' height='45'></u-navbar>
<view class="searc_box">
<view class="search">
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
bgc: {
backgroundColor: "#fff",
},
}
},
methods: {
}
}
</script>
<style lang="scss">
page{
background: #F7FAFE;
}
.page{
.searc_box{
padding: 36rpx;
width: 750rpx;
.search{
width: 100%;
height: 68rpx;
border: 2rpx solid #4297F3;
border-radius: 20rpx;
}
}
}
</style>

View File

@ -8,14 +8,14 @@
<view class="ips_box">
<view class="ipt">
<view class="left">
<view class="txt">
文三数字生活...|
<view class="txt1">
{{addressInfo}}
</view>
<view class="txt">
09月02日取车|
|{{time}} 取车|
</view>
<view class="txt">
日租
{{dataInfo.dictLabel}}
</view>
</view>
<view class="right" @click="showchoose=true">
@ -26,32 +26,33 @@
<view class="choose_card" v-if="showchoose">
<view class="area_li">
<view class="city">
<view class="city" @click="showCity()">
<view class="txt">
取车城市
</view>
<view class="words">
宁德
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode="">
</image>
<view class="words" style="white-space: nowrap;">
{{cityList[0].cityName}}
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode=""></image>
</view>
</view>
<view class="area" @click="getMapLocation()">
<view class="area" @click="getMapLocation()" style="white-space: nowrap;">
<view class="top">
<view class="txt">
取车城市
取车地点
</view>
<view class="type">
距最近店铺727m
</view>
</view>
<view class="bot">
福鼎市太姥山镇...
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode="">
</image>
<view class="txt3">
{{addressInfo}}
</view>
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode=""></image>
</view>
</view>
<view class="dingw">
<view class="dingw" style="white-space: nowrap;" @click="getaddress()">
当前位置
<image src="https://lxnapi.ccttiot.com/bike/img/static/unTHfCN5IgnVKDbadsFp" mode=""></image>
</view>
@ -61,20 +62,18 @@
<view class="txt">
取车时间
</view>
<view class="words">
09月2日 今天
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode="">
</image>
<view class="words" @click="time1=true">
{{time}}
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode=""></image>
</view>
</view>
<view class="time_li">
<view class="txt">
选择租车周期
</view>
<view class="words">
时租
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode="">
</image>
<view class="words" @click="showdata=true">
{{dataInfo.dictLabel}}
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode=""></image>
</view>
</view>
</view>
@ -122,29 +121,18 @@
</view>
</view>
</view>
<view class="choosedata" v-if="false">
<u-picker mode="time" v-model="time1" :params="params" @confirm="confirm1" start-year="2024"
:default-time="pickertime" start="2024"></u-picker>
<!-- <u-mask :show="showdata" @click="closeData()" :z-index='100' /> -->
<view class="choosedata" v-if="showdata">
<view class="tit">
请选择租车周期
<image src="https://lxnapi.ccttiot.com/bike/img/static/uLzTHCbE6TTRPYj6rv8X" mode=""></image>
<image src="https://lxnapi.ccttiot.com/bike/img/static/uLzTHCbE6TTRPYj6rv8X" mode="" @click="closeData()"></image>
</view>
<view class="li">
时租
</view>
<view class="li act">
时租
</view>
<view class="li">
时租
</view>
<view class="li">
时租
</view>
<view class="li">
时租
</view>
<view class="li">
时租
<view class="li" v-for="(item,index) in dataList" :key="index" :class="index == dataIndex? 'act':''" @click="chooseData(item,index)">
{{item.dictLabel}}
</view>
</view>
</view>
@ -163,10 +151,69 @@
showchoose: false,
CouponLists: [],
hight: 0,
showkf
showkf:false,
cityList: [],
dataList: [],
gps: {},
cityInfo: {},
cityIndex: -1,
addressInfo: '',
time1: false,
params: {
year: false,
month: true,
day: true,
hour: false,
minute: false,
second: false
},
startTime: '',
pickertime: '',
time: '',
showdata:false,
dataIndex:0,
dataInfo:{},
shopList:[]
}
},
onLoad() {
this.getcityList()
this.getdata()
},
onShow() {
let that = this
uni.getLocation({
type: 'gcj02',
success: function(lb) {
that.gps.latitude = lb.latitude;
that.gps.longitude = lb.longitude;
that.getCity()
that.getaddress()
that.getshopList()
},
fail: function(error) {
uni.showToast({
title: '未获取到定位信息,请点击设置勾选允许位置信息,即可使用全部功能',
icon: 'none',
duration: 2000
});
// that.getmarks()
//
}
})
// startDatepickertime
const now = new Date();
const month = now.getMonth() + 1; // 01
const day = now.getDate();
// MM-DD
this.startDate = `${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;
this.time = `${month < 10 ? '0' : ''}${month}${day < 10 ? '0' : ''}${day}`;
// pickertime
this.pickertime = this.startDate;
this.$nextTick(() => {
const query = uni.createSelectorQuery().in(this);
query.select('.ips_box').boundingClientRect(data => {
@ -177,7 +224,145 @@
});
},
methods: {
getshopList(){
let data={
// phoneLon:this.gps.latitude,
phoneLon:120.257144,
// phoneLat:this.gps.longitude,
phoneLat:27.105719,
isFreeCar:true
}
this.$u.post(`app/getStoreListByLocation`,data).then((res) => {
if (res.code == 200) {
this.shopList = res.data;
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
chooseData(item,index){
this.dataInfo=item
this.dataIndex=index
},
closeData(){
this.showdata=false
},
confirm1(selectedDate) {
//
//
const selectedMonth = parseInt(selectedDate.month, 10);
const selectedDay = parseInt(selectedDate.day, 10);
//
const now = new Date();
const currentMonth = now.getMonth() + 1;
const currentDay = now.getDate();
//
if (selectedMonth < currentMonth || (selectedMonth === currentMonth && selectedDay < currentDay)) {
// pickertime
const now = new Date();
const month = now.getMonth() + 1; // 01
const day = now.getDate();
// MM-DD
this.time = `${month < 10 ? '0' : ''}${month}${day < 10 ? '0' : ''}${day}`;
uni.showToast({
title: '选择的日期不能小于当前日期',
icon: 'none',
duration: 2000
});
} else {
//
this.time = `${selectedDate.month}${selectedDate.day}`;
}
},
getaddress() {
this.$u.get(`app/getAddress?lon=` + this.gps.longitude + '&lat=' + this.gps.latitude).then((res) => {
if (res.code == 200) {
this.addressInfo = res.data;
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
getCity() {
this.$u.get(`app/getCity?lon=` + this.gps.longitude + '&lat=' + this.gps.latitude).then((res) => {
if (res.code == 200) {
this.cityInfo = res.data;
// cityList cityInfo cityName cityId
const index = this.cityList.findIndex(city => city.cityName === this.cityInfo.cityName);
if (index !== -1) {
this.cityIndex = index
console.log('City found at index:', index);
//
} else {
console.log('City not found in the list');
}
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
showCity() {
},
getdata() {
this.$u.get("/app/getDictData?dictType=rl_rental_period").then((res) => {
if (res.code == 200) {
this.dataList = res.data
this.dataInfo=this.dataList[0]
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
getcityList() {
this.$u.get("app/city/list").then((res) => {
if (res.code == 200) {
this.cityList = res.data
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
tosele() {
uni.navigateTo({
url: '/page_user/carSelection'
})
},
}
}
</script>
@ -271,6 +456,19 @@
font-size: 24rpx;
color: #6F6F6F;
}
.txt1{
font-weight: 400;
font-size: 24rpx;
color: #6F6F6F;
width: 252rpx;
/* 设置宽度 */
white-space: nowrap;
/* 禁止文本换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
}
.right {
@ -575,11 +773,25 @@
}
.bot {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-top: 6rpx;
font-weight: 600;
font-size: 32rpx;
color: #3D3D3D;
.txt3 {
font-weight: 600;
font-size: 32rpx;
color: #3D3D3D;
width: 252rpx;
/* 设置宽度 */
white-space: nowrap;
/* 禁止文本换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
image {
width: 40rpx;
height: 22rpx;

View File

@ -117,6 +117,13 @@
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
{
"path" : "StoreManagement",
"style" :
{
"navigationBarTitleText" : ""
}
}

View File

@ -11,30 +11,33 @@
</view>
</view>
<view class="area_li">
<view class="city">
<view class="city" @click="showCity()">
<view class="txt">
取车城市
</view>
<view class="words">
宁德
<view class="words" style="white-space: nowrap;">
{{cityList[0].cityName}}
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode=""></image>
</view>
</view>
<view class="area" @click="getMapLocation()">
<view class="area" @click="getMapLocation()" style="white-space: nowrap;">
<view class="top">
<view class="txt">
取车城市
取车地点
</view>
<view class="type">
距最近店铺727m
</view>
</view>
<view class="bot">
福鼎市太姥山镇...
<view class="txt3">
{{addressInfo}}
</view>
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode=""></image>
</view>
</view>
<view class="dingw">
<view class="dingw" style="white-space: nowrap;" @click="getaddress()">
当前位置
<image src="https://lxnapi.ccttiot.com/bike/img/static/unTHfCN5IgnVKDbadsFp" mode=""></image>
</view>
@ -44,8 +47,8 @@
<view class="txt">
取车时间
</view>
<view class="words">
09月2日 今天
<view class="words" @click="time1=true">
{{time}}
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode=""></image>
</view>
</view>
@ -53,8 +56,8 @@
<view class="txt">
选择租车周期
</view>
<view class="words">
时租
<view class="words" @click="showdata=true">
{{dataInfo.dictLabel}}
<image src="https://lxnapi.ccttiot.com/bike/img/static/uJkuBFsHACP6tnUo5nYm" mode=""></image>
</view>
</view>
@ -64,38 +67,50 @@
</view>
<image class="kefu" src="https://lxnapi.ccttiot.com/bike/img/static/u8osHvZfHL7u3lbveVXx" mode=""></image>
</view>
<view class="car_card">
<view class="car_card" v-for="(item,index) in shopList" :key="index">
<view class="card_top">
<view class="tit">
本田电动车
{{item.name}}
</view>
<view class="txt">
2辆可租 <view class="iconfont icon-xiangyou1"> </view>
{{item.rentalCar}}辆可租 <view class="iconfont icon-xiangyou1"> </view>
</view>
</view>
<view class="type_box">
<view class="type">
727m
{{item.distance}}m
</view>
<view class="address">
天目山路148号
{{item.simpleAddress}}
</view>
</view>
<view class="car_info">
<view class="car_img">
<image src="https://lxnapi.ccttiot.com/bike/img/static/uzgNTmtp5axPAOysf4cJ" mode=""></image>
<image :src="item.models[0].picture" mode=""></image>
</view>
<view class="info">
<view class="modle">
全新车网红泡泡50KM...
{{item.models[0].model}}
</view>
<view class="price">
日租 <span>108</span>
日租 <span>{{item.models[0].price}}</span>
</view>
</view>
</view>
</view>
<u-picker mode="time" v-model="time1" :params="params" @confirm="confirm1" start-year="2024"
:default-time="pickertime" start="2024"></u-picker>
<u-mask :show="showdata" @click="closeData()" :z-index='100' />
<view class="choosedata" v-if="showdata">
<view class="tit">
请选择租车周期
<image src="https://lxnapi.ccttiot.com/bike/img/static/uLzTHCbE6TTRPYj6rv8X" mode="" @click="closeData()"></image>
</view>
<view class="li" v-for="(item,index) in dataList" :key="index" :class="index == dataIndex? 'act':''" @click="chooseData(item,index)">
{{item.dictLabel}}
</view>
</view>
<tab-bar :indexs='0' style=""></tab-bar>
</view>
</template>
@ -107,68 +122,267 @@
bgc: {
backgroundColor: "#fff",
},
cityList: [],
dataList: [],
gps: {},
cityInfo: {},
cityIndex: -1,
addressInfo: '',
time1: false,
params: {
year: false,
month: true,
day: true,
hour: false,
minute: false,
second: false
},
startTime: '',
pickertime: '',
time: '',
showdata:false,
dataIndex:0,
dataInfo:{},
shopList:[]
}
},
onLoad() {
this.getcityList()
this.getdata()
},
computed: {
},
onShow() {
let that = this
uni.getLocation({
type: 'gcj02',
success: function(lb) {
that.gps.latitude = lb.latitude;
that.gps.longitude = lb.longitude;
that.getCity()
that.getaddress()
that.getshopList()
},
fail: function(error) {
uni.showToast({
title: '未获取到定位信息,请点击设置勾选允许位置信息,即可使用全部功能',
icon: 'none',
duration: 2000
});
// that.getmarks()
//
}
})
// startDatepickertime
const now = new Date();
const month = now.getMonth() + 1; // 01
const day = now.getDate();
// MM-DD
this.startDate = `${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;
this.time = `${month < 10 ? '0' : ''}${month}${day < 10 ? '0' : ''}${day}`;
// pickertime
this.pickertime = this.startDate;
},
watch: {
},
methods: {
tosele(){
getshopList(){
let data={
// phoneLon:this.gps.latitude,
phoneLon:120.257144,
// phoneLat:this.gps.longitude,
phoneLat:27.105719,
isFreeCar:true
}
this.$u.post(`app/getStoreListByLocation`,data).then((res) => {
if (res.code == 200) {
this.shopList = res.data;
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
chooseData(item,index){
this.dataInfo=item
this.dataIndex=index
},
closeData(){
this.showdata=false
},
confirm1(selectedDate) {
//
//
const selectedMonth = parseInt(selectedDate.month, 10);
const selectedDay = parseInt(selectedDate.day, 10);
//
const now = new Date();
const currentMonth = now.getMonth() + 1;
const currentDay = now.getDate();
//
if (selectedMonth < currentMonth || (selectedMonth === currentMonth && selectedDay < currentDay)) {
// pickertime
const now = new Date();
const month = now.getMonth() + 1; // 01
const day = now.getDate();
// MM-DD
this.time = `${month < 10 ? '0' : ''}${month}${day < 10 ? '0' : ''}${day}`;
uni.showToast({
title: '选择的日期不能小于当前日期',
icon: 'none',
duration: 2000
});
} else {
//
this.time = `${selectedDate.month}${selectedDate.day}`;
}
},
getaddress() {
this.$u.get(`app/getAddress?lon=` + this.gps.longitude + '&lat=' + this.gps.latitude).then((res) => {
if (res.code == 200) {
this.addressInfo = res.data;
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
getCity() {
this.$u.get(`app/getCity?lon=` + this.gps.longitude + '&lat=' + this.gps.latitude).then((res) => {
if (res.code == 200) {
this.cityInfo = res.data;
// cityList cityInfo cityName cityId
const index = this.cityList.findIndex(city => city.cityName === this.cityInfo.cityName);
if (index !== -1) {
this.cityIndex = index
console.log('City found at index:', index);
//
} else {
console.log('City not found in the list');
}
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
showCity() {
},
getdata() {
this.$u.get("/app/getDictData?dictType=rl_rental_period").then((res) => {
if (res.code == 200) {
this.dataList = res.data
this.dataInfo=this.dataList[0]
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
getcityList() {
this.$u.get("app/city/list").then((res) => {
if (res.code == 200) {
this.cityList = res.data
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
});
},
tosele() {
uni.navigateTo({
url:'/page_user/carSelection'
url: '/page_user/carSelection'
})
},
getMapLocation(){
getMapLocation() {
uni.chooseLocation({
success:(res)=> {
success: (res) => {
console.log(res);
// this.getRegionFn(res);
},
fail:()=>{
fail: () => {
// uni.chooseLocation
uni.getSetting({
success: (res) => {
console.log(res);
var status = res.authSetting;
if(!status['scope.userLocation']){
//
if (!status['scope.userLocation']) {
//
uni.showModal({
title:"是否授权当前位置",
content:"需要获取您的地理位置,请确认授权,否则地图功能将无法使用",
success:(tip)=>{
if(tip.confirm){
//
title: "是否授权当前位置",
content: "需要获取您的地理位置,请确认授权,否则地图功能将无法使用",
success: (tip) => {
if (tip.confirm) {
//
uni.openSetting({
success:(data)=>{
//
if(data.authSetting['scope.userLocation']===true){
success: (data) => {
//
if (data
.authSetting[
'scope.userLocation'
] === true
) {
uni.showToast({
title:"授权成功",
icon:"success",
duration:1000
title: "授权成功",
icon: "success",
duration: 1000
})
// chooseLocation
uni.chooseLocation({
success: (res) => {
console.log("详细地址",res);
success: (
res
) => {
console
.log(
"详细地址",
res
);
// this.getRegionFn(res);
}
})
}else{
} else {
uni.showToast({
title:"授权失败",
icon:"none",
duration:1000
title: "授权失败",
icon: "none",
duration: 1000
})
}
}
@ -180,9 +394,9 @@
},
fail: (res) => {
uni.showToast({
title:"调用授权窗口失败",
icon:"none",
duration:1000
title: "调用授权窗口失败",
icon: "none",
duration: 1000
})
}
})
@ -201,54 +415,117 @@
.page {
width: 100%;
.car_card{
padding-bottom: 200rpx;
.choosedata {
padding: 46rpx 37rpx;
position: fixed;
bottom: 0;
width: 750rpx;
// height: 757rpx;
background: #FFFFFF;
border-radius: 20rpx 20rpx 0 0;
z-index: 101;
.tit {
margin-bottom: 54rpx;
position: relative;
width: 100%;
text-align: center;
font-weight: 600;
font-size: 40rpx;
color: #3D3D3D;
image {
position: absolute;
right: 36rpx;
width: 52rpx;
height: 52rpx;
}
}
.li {
margin-bottom: 24rpx;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
width: 676rpx;
height: 88rpx;
background: #F7F7F7;
border-radius: 14rpx 14rpx 14rpx 14rpx;
border: 2rpx solid #fff;
font-weight: 600;
font-size: 36rpx;
color: #3D3D3D;
}
.act {
background: #DCEDFF;
border: 2rpx solid #4297F3;
}
}
.car_card {
margin: 0 auto;
margin-top: 16rpx;
padding: 28rpx 34rpx;
width: 676rpx;
background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx;
.car_info{
.car_info {
margin-top: 44rpx;
display: flex;
flex-wrap: nowrap;
.car_img{
image{
.car_img {
image {
width: 166rpx;
height: 128rpx;
}
}
.info{
.modle{
.info {
.modle {
font-weight: 600;
font-size: 28rpx;
color: #3D3D3D;
}
.price{
.price {
margin-top: 44rpx;
font-weight: 400;
font-size: 24rpx;
color: #FF1C1C;
span{
span {
font-weight: 500;
font-size: 44rpx;
}
}
}
}
.card_top{
.card_top {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
.tit{
.tit {
font-weight: 600;
font-size: 32rpx;
color: #3D3D3D;
}
.txt{
.txt {
display: flex;
flex-wrap: nowrap;
align-items: center;
@ -257,12 +534,14 @@
color: #3D3D3D;
}
}
.type_box{
.type_box {
margin-top: 8rpx;
display: flex;
flex-wrap: nowrap;
align-items: center;
.type{
.type {
padding: 2rpx 12rpx;
font-weight: 400;
font-size: 24rpx;
@ -270,7 +549,8 @@
background: #DCEDFF;
border-radius: 4rpx 4rpx 4rpx 4rpx;
}
.address{
.address {
margin-left: 20rpx;
font-weight: 400;
font-size: 28rpx;
@ -278,13 +558,15 @@
}
}
}
.kefu{
.kefu {
position: fixed;
right: 0;
bottom: 500rpx;
width: 94rpx;
height: 94rpx;
}
.backimg {
// position: fixed;
width: 750rpx;
@ -295,7 +577,8 @@
/* 背景图片等比缩放以覆盖整个容器 */
background-position: center;
}
.choose_card{
.choose_card {
// position: fixed;
padding-bottom: 28rpx;
margin: 0 auto;
@ -303,9 +586,10 @@
width: 676rpx;
// height: 511rpx;
background: #FFFFFF;
border-radius:20rpx 20rpx 20rpx 20rpx;
border-radius: 20rpx 20rpx 20rpx 20rpx;
z-index: 110;
.check{
.check {
margin-bottom: 40rpx;
display: flex;
flex-wrap: nowrap;
@ -316,14 +600,16 @@
background-size: cover;
/* 背景图片等比缩放以覆盖整个容器 */
background-position: center;
.txt1{
.txt1 {
width: 50%;
text-align: center;
font-weight: 600;
font-size: 40rpx;
color: #3D3D3D;
}
.txt2{
.txt2 {
width: 50%;
text-align: center;
font-weight: 600;
@ -331,9 +617,10 @@
color: #808080;
}
}
.btn{
.btn {
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
@ -346,8 +633,9 @@
font-size: 36rpx;
color: #FFFFFF;
}
.time_box{
margin: 0 auto;
.time_box {
margin: 0 auto;
padding: 22rpx 24rpx 28rpx 24rpx;
display: flex;
flex-wrap: nowrap;
@ -355,31 +643,37 @@
// height: 128rpx;
background: #EEEEEE;
border-radius: 20rpx 20rpx 20rpx 20rpx;
.time_li{
.time_li {
width: 50%;
.txt{
.txt {
font-weight: 400;
font-size: 24rpx;
color: #808080;
}
.words{
.words {
margin-top: 6rpx;
font-weight: 600;
font-size: 32rpx;
color: #3D3D3D;
image{
image {
width: 40rpx;
height: 22rpx;
}
}
}
}
.area_li{
.area_li {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
padding: 0 34rpx 28rpx 34rpx;
.dingw{
.dingw {
display: flex;
align-items: center;
margin-left: 30rpx;
@ -387,42 +681,50 @@
font-weight: 400;
font-size: 28rpx;
color: #808080;
image{
image {
margin-left: 8rpx;
width: 30rpx;
height: 30rpx;
}
}
.city{
.txt{
.city {
.txt {
font-weight: 400;
font-size: 24rpx;
color: #808080;
}
.words{
.words {
margin-top: 6rpx;
font-weight: 600;
font-size: 32rpx;
color: #3D3D3D;
image{
image {
width: 40rpx;
height: 22rpx;
}
}
}
.area{
.area {
margin-left: 20rpx;
.top{
.top {
display: flex;
flex-wrap: nowrap;
align-items: center;
.txt{
.txt {
font-weight: 400;
font-size: 24rpx;
color: #808080;
}
.type{
.type {
margin-left: 10rpx;
background: #FFE9D4;
border-radius: 4rpx 4rpx 4rpx 4rpx;
@ -432,12 +734,28 @@
color: #FF8C1E;
}
}
.bot{
.bot {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-top: 6rpx;
font-weight: 600;
font-size: 32rpx;
color: #3D3D3D;
image{
.txt3 {
font-weight: 600;
font-size: 32rpx;
color: #3D3D3D;
width: 252rpx;
/* 设置宽度 */
white-space: nowrap;
/* 禁止文本换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
image {
width: 40rpx;
height: 22rpx;
}
@ -446,6 +764,4 @@
}
}
}
</style>

View File

@ -1,9 +1,10 @@
<template>
<view class="page">
<view class="fixed">
<u-navbar title="登录" :border-bottom="false" :background="background" title-color='#000' title-size='36'
back-icon-color='#000' height='45'></u-navbar>
</view>
<!-- <view class="fixed">
</view> -->
<u-navbar title="登录" :border-bottom="false" :background="background" title-color='#000' title-size='36'
back-icon-color='#000' height='45'></u-navbar>
<!-- <u-navbar :is-back="false" :title="tittxt" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' height='45' >
</u-navbar> -->
@ -18,10 +19,10 @@
</view> -->
<view class="pages2" v-if="deptId==100&&pageindex==0">
<view class="imgbox">
<image src="https://lxnapi.ccttiot.com/bike/img/static/umJTSzDVtnfpyYrZY0VJ" mode=""></image>
<image src="https://lxnapi.ccttiot.com/bike/img/static/uyfgcFQ5ATQTbTzCrzgn " mode="" style="height: 634rpx;"></image>
</view>
<button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"
style="margin-top: 30rpx;">
style="margin-top: 100rpx;">
<!-- <image src="https://lxnapi.ccttiot.com/bike/img/static/uka0jHcbyy1we0qwbiov" mode=""></image> -->
快捷登录
</button>
@ -29,9 +30,9 @@
<image src="https://lxnapi.ccttiot.com/bike/img/static/ubSJ6aNMOUfPf80iotGv" mode=""></image>
验证码登录
</view> -->
<view class="tipss" @click="pageindex=1" style="width: 100%;text-align: center;margin-top: 50rpx;color: #ccc;">
<!-- <view class="tipss" @click="pageindex=1" style="width: 100%;text-align: center;margin-top: 50rpx;color: #ccc;">
验证码登录
</view>
</view> -->
<!-- <view class="button1" @click="back">
取消登录
</view> -->
@ -618,7 +619,7 @@
if (res.code == 200) {
console.log(res, 'resres');
wx.setStorageSync('token', res.token);
that.ceshi()
// that.ceshi()
// uni.switchTab({
// url: '/pages/index/index'
// })
@ -848,12 +849,12 @@
.imgbox {
margin-top: 0rpx;
width: 750rpx;
height: 1274rpx;
// height: 1274rpx;
z-index: 0;
image {
width: 750rpx;
height: 1274rpx;
// height: 1274rpx;
}
}
@ -862,7 +863,7 @@
display: flex;
align-items: center;
justify-content: center;
margin-top: 100rpx;
margin-top: 300rpx;
width: 586rpx;
height: 90rpx;
background: #64B6A8;

BIN
static/tabbar/home-act.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
static/tabbar/home.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 714 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 597 B

BIN
static/tabbar/my-act.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
static/tabbar/my.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 529 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 477 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 474 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 419 B