sundongyu/dykj-outsource-12123
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: sundongyu:7dd78be3f89d29487a91bc16f719fe69ea6f6ec1
Branches Tags
sundongyu:main
..
compare: sundongyu:cf73fa9d50adb44dd66b9244e4a78078ad89deee
Branches Tags
sundongyu:main

No commits in common. "7dd78be3f89d29487a91bc16f719fe69ea6f6ec1" and "cf73fa9d50adb44dd66b9244e4a78078ad89deee" have entirely different histories.
7dd78be3f8 ... cf73fa9d50

22 changed files with 287 additions and 528 deletions
Show Stats Expand all files Collapse all files

36
components/tabBar/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<up-tabbar :value="props.val" @change="toRoute" zIndex="99" :fixed="true" :placeholder="false" activeColor="#4a7bb5" :safeAreaInsetBottom="false" :border="false"> <up-tabbar :value="value4" @change="toRoute" :fixed="true" :placeholder="true" activeColor="#4a7bb5" :safeAreaInsetBottom="true" :border="false">
<up-tabbar-item style="border-top: 1rpx solid #e4e4e4" text="首页"> <up-tabbar-item style="border-top: 1rpx solid #e4e4e4" text="首页">
<template #active-icon> <template #active-icon>
<image src="../../static/tabbar/clickone.png" style="width: 1.5rem; height: 1.5rem"></image> <image src="../../static/tabbar/clickone.png" style="width: 1.5rem; height: 1.5rem"></image>
@ -45,23 +45,31 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
uni.hideTabBar(); const value4 = ref(0);
const props = defineProps({ uni.getStorage({
val: { key: 'value',
type: Number, success(data) {
default: 0 value4.value = data.data;
} }
}); });
const toRoute = (index) => { const toRoute = (index) => {
if (index == 0) { if (index == 0) {
uni.switchTab({ uni.navigateTo({
url: '/pages/index/index' url: '/pages/index/index'
}); });
uni.setStorage({
key: 'value',
data: index
});
} }
if (index == 1) { if (index == 1) {
uni.switchTab({ uni.navigateTo({
url: '/pages/schedule/index' url: '/pages/schedule/index'
}); });
uni.setStorage({
key: 'value',
data: index
});
} }
if (index == 2) { if (index == 2) {
// uni.navigateTo({ // uni.navigateTo({
@ -73,14 +81,22 @@ const toRoute = (index) => {
// }); // });
} }
if (index == 3) { if (index == 3) {
uni.switchTab({ uni.navigateTo({
url: '/pages/serve/index' url: '/pages/serve/index'
}); });
uni.setStorage({
key: 'value',
data: index
});
} }
if (index == 4) { if (index == 4) {
uni.switchTab({ uni.navigateTo({
url: '/pages/my/index' url: '/pages/my/index'
}); });
uni.setStorage({
key: 'value',
data: index
});
} }
}; };
</script> </script>

160
manifest.json
View File

@ -1,92 +1,76 @@
{ {
"name": "12123", "name" : "12123",
"appid": "__UNI__099032D", "appid" : "__UNI__099032D",
"description": "", "description" : "",
"versionName": "1.0.0", "versionName" : "1.0.0",
"versionCode": "100", "versionCode" : "100",
"transformPx": false, "transformPx" : false,
/* 5+App特有相关 */ /* 5+App特有相关 */
"app-plus": { "app-plus" : {
"usingComponents": true, "usingComponents" : true,
"nvueStyleCompiler": "uni-app", "nvueStyleCompiler" : "uni-app",
"compilerVersion": 3, "compilerVersion" : 3,
"splashscreen": { "splashscreen" : {
"alwaysShowBeforeRender": true, "alwaysShowBeforeRender" : true,
"waiting": false, "waiting" : true,
"autoclose": true, "autoclose" : true,
"delay": 0 "delay" : 0
}, },
/* 模块配置 */ /* 模块配置 */
"modules": {}, "modules" : {},
/* 应用发布信息 */ /* 应用发布信息 */
"distribute": { "distribute" : {
/* android打包配置 */ /* android打包配置 */
"android": { "android" : {
"permissions": [ "permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>", "<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>", "<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
] ]
}, },
/* ios打包配置 */ /* ios打包配置 */
"ios": { "ios" : {
"dSYMs": false "dSYMs" : false
}, },
/* SDK配置 */ /* SDK配置 */
"sdkConfigs": { "sdkConfigs" : {
"ad": {} "ad" : {}
}, }
"splashscreen": {
"androidStyle": "default",
"android": {
"xxhdpi": "static/qideng/pingbaoL.png",
"xhdpi": "static/qideng/pingbaoM.png",
"hdpi": "static/qideng/pingbaoS.png"
} }
},
"icons": {
"android": {
"xxxhdpi": "static/qideng/Ll.png",
"xxhdpi": "static/qideng/Ll.png",
"xhdpi": "static/qideng/Mm.png",
"hdpi": "static/qideng/Ss.png"
}
}
}
},
/* 快应用特有相关 */
"quickapp": {},
/* 小程序特有相关 */
"mp-weixin": {
"appid": "",
"setting": {
"urlCheck": false
}, },
"usingComponents": true /* 快应用特有相关 */
}, "quickapp" : {},
"mp-alipay": { /* 小程序特有相关 */
"usingComponents": true "mp-weixin" : {
}, "appid" : "",
"mp-baidu": { "setting" : {
"usingComponents": true "urlCheck" : false
}, },
"mp-toutiao": { "usingComponents" : true
"usingComponents": true },
}, "mp-alipay" : {
"uniStatistics": { "usingComponents" : true
"enable": false },
}, "mp-baidu" : {
"vueVersion": "3" "usingComponents" : true
},
"mp-toutiao" : {
"usingComponents" : true
},
"uniStatistics" : {
"enable" : false
},
"vueVersion" : "3"
} }

24
pages.json
View File

@ -59,12 +59,6 @@
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
},
{
"path": "pages/my/components/effectiveDate/index",
"style": {
"navigationStyle": "custom"
}
} }
], ],
"globalStyle": { "globalStyle": {
@ -73,21 +67,5 @@
"navigationBarBackgroundColor": "#F8F8F8", "navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8" "backgroundColor": "#F8F8F8"
}, },
"uniIdRouter": {}, "uniIdRouter": {}
"tabBar": {
"custom": true,
"list": [{
"pagePath": "pages/index/index"
},
{
"pagePath": "pages/schedule/index"
},
{
"pagePath": "pages/serve/index"
},
{
"pagePath": "pages/my/index"
}
]
}
} }

104
pages/index/components/businessCenter.vue
View File

@ -97,47 +97,47 @@ const functionList = ref([
content: [ content: [
{ {
txt: '新车注册登记', txt: '新车注册登记',
icon: '../../../static/yewuzhongxin/1/1.png', icon: '../../../static/业务中心/1/1.png',
id: 0 id: 0
}, },
{ {
txt: '新车选号', txt: '新车选号',
icon: '../../../static/yewuzhongxin/1/2.png', icon: '@/static/业务中心/1/2.png',
id: 1 id: 1
}, },
{ {
txt: '在用车选号', txt: '在用车选号',
icon: '../../../static/yewuzhongxin/1/3.png', icon: '@/static/业务中心/1/3.png',
id: 2 id: 2
}, },
{ {
txt: '号牌号段公布', txt: '号牌号段公布',
icon: '../../../static/yewuzhongxin/1/4.png', icon: '@/static/业务中心/1/4.png',
id: 3 id: 3
}, },
{ {
txt: '备案非本人机动车', txt: '备案非本人机动车',
icon: '../../../static/yewuzhongxin/1/5.png', icon: '@/static/业务中心/1/5.png',
id: 4 id: 4
}, },
{ {
txt: '机动车转籍申请', txt: '机动车转籍申请',
icon: '../../../static/yewuzhongxin/1/5.png', icon: '@/static/业务中心/1/6.png',
id: 5 id: 5
}, },
{ {
txt: '异常选号资料修改', txt: '异常选号资料修改',
icon: '../../../static/yewuzhongxin/1/7.png', icon: '@/static/业务中心/1/7.png',
id: 6 id: 6
}, },
{ {
txt: '申请新车临时号牌', txt: '申请新车临时号牌',
icon: '../../../static/yewuzhongxin/1/8.png', icon: '@/static/业务中心/1/8.png',
id: 7 id: 7
}, },
{ {
txt: '城市货车通行码申领', txt: '城市货车通行码申领',
icon: '../../../static/yewuzhongxin/1/9.png', icon: '@/static/业务中心/1/9.png',
id: 8 id: 8
} }
] ]
@ -148,32 +148,32 @@ const functionList = ref([
content: [ content: [
{ {
txt: '考试预约', txt: '考试预约',
icon: '../../../static/yewuzhongxin/2/1.png', icon: '',
id: 0 id: 0
}, },
{ {
txt: '取消考试预约', txt: '取消考试预约',
icon: '../../../static/yewuzhongxin/2/2.png', icon: '',
id: 1 id: 1
}, },
{ {
txt: '考试信息公布', txt: '考试信息公布',
icon: '../../../static/yewuzhongxin/2/3.png', icon: '',
id: 2 id: 2
}, },
{ {
txt: '考试费缴纳', txt: '考试费缴纳',
icon: '../../../static/yewuzhongxin/2/4.png', icon: '',
id: 3 id: 3
}, },
{ {
txt: '初学增驾工考试费缴纳', txt: '初学增驾工考试费缴纳',
icon: '../../../static/yewuzhongxin/2/5.png', icon: '',
id: 4 id: 4
}, },
{ {
txt: '电子学习驾驶证明', txt: '电子学习驾驶证明',
icon: '../../../static/yewuzhongxin/2/6.png', icon: '',
id: 5 id: 5
} }
] ]
@ -184,83 +184,15 @@ const functionList = ref([
content: [ content: [
{ {
txt: '违法处理', txt: '违法处理',
icon: '../../../static/yewuzhongxin/3/1.png', icon: '',
id: 0 id: 0
}, },
{ {
txt: '罚款缴纳', txt: '罚款缴纳',
icon: '../../../static/yewuzhongxin/3/2.png', icon: '',
id: 1 id: 1
} }
] ]
},
{
texe: '事故处理业务',
uid: 3,
content: [
{
txt: '事故快处',
icon: '../../../static/yewuzhongxin/4/1.png',
id: 0
},
{
txt: '事故处理进度和结果',
icon: '../../../static/yewuzhongxin/4/2.png',
id: 1
},
{
txt: '事故证据材料查询',
icon: '../../../static/yewuzhongxin/4/3.png',
id: 2
},
{
txt: '事故快处模拟',
icon: '../../../static/yewuzhongxin/4/4.png',
id: 3
},
{
txt: '事故视频快处',
icon: '../../../static/yewuzhongxin/4/5.png',
id: 4
}
]
},
{
texe: '学习教育业务',
uid: 4,
content: [
{
txt: '满分学习考试',
icon: '../../../static/yewuzhongxin/5/4.png',
id: 0
}
]
},
{
texe: '便民服务',
uid: 5,
content: [
{
txt: '一键挪车',
icon: '../../../static/yewuzhongxin/6/1.png',
id: 0
},
{
txt: '业务委托申请',
icon: '../../../static/yewuzhongxin/6/2.png',
id: 1
},
{
txt: '老年人业务代办',
icon: '../../../static/yewuzhongxin/6/3.png',
id: 2
},
{
txt: '电子文书',
icon: '../../../static/yewuzhongxin/6/4.png',
id: 3
}
]
} }
]); ]);
// 返回上一级 // 返回上一级
@ -308,7 +240,7 @@ const gotoBack = () => {
.tag-box { .tag-box {
display: inline; display: inline;
width: 3.2rem; width: 3.2rem;
border: 1rpx solid #6095d0; border: 1rpx solid #2c66a8;
border-radius: 0.2rem; border-radius: 0.2rem;
padding: 0.2rem 0rem; padding: 0.2rem 0rem;
text-align: center; text-align: center;

8
pages/index/index.vue
View File

@ -10,7 +10,7 @@
<view class="card"> <view class="card">
<view class="card-content" @click="myCar"> <view class="card-content" @click="myCar">
<view class="card-content-top"> <view class="card-content-top">
<image style="width: 50rpx; height: 40rpx" src="../../static/car.png" /> <image style="width: 50rpx; height: 40rpx" src="../../static/c5.png" />
<text style="margin-left: 30rpx">黑A00000</text> <text style="margin-left: 30rpx">黑A00000</text>
</view> </view>
<view class="card-content-bottom"> <view class="card-content-bottom">
@ -107,7 +107,7 @@
</view> </view>
</view> </view>
<image src="../../static/hp1.png" style="width: 100rpx; height: 100rpx" class="kefu"></image> <image src="../../static/hp1.png" style="width: 100rpx; height: 100rpx" class="kefu"></image>
<TabBar :val="0" /> <TabBar />
</view> </view>
</template> </template>
@ -143,7 +143,7 @@ const businessList = ref([
id: '5' id: '5'
}, },
{ {
img: '../../static/ZX1.png', img: '../../static/zx1.png',
text: '免检车申领\n检验标志', text: '免检车申领\n检验标志',
id: '6' id: '6'
}, },
@ -153,7 +153,7 @@ const businessList = ref([
id: '7' id: '7'
}, },
{ {
img: '../../static/JF.png', img: '../../static/jf.png',
text: '机动车检\n验预约', text: '机动车检\n验预约',
id: '8' id: '8'
}, },

152
pages/my/components/effectiveDate/index.vue
View File

@ -1,152 +0,0 @@
<template>
<view style="background-color: #2c66a9; height: 3rem" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
<!-- 导航栏 -->
<view :style="{ paddingTop: safeAreaInsets.top + 'px' }" class="van-nav-bar">
<view class="van-nav-bar__content">
<view class="page-icon" @click="gotoBack">
<uni-icons color="#fff" type="back" size="26"></uni-icons>
<view>返回</view>
</view>
<view class="page-navbar">有效期限</view>
</view>
</view>
<!-- 用户详情 -->
<view class="boxone">
<view class="user">
<view class="userbox">
<view style="font-weight: 700">姓名</view>
<view style="margin-left: 6rem; color: #6a7372">xx</view>
</view>
<view class="userbox">
<view style="font-weight: 700">证件类型</view>
<view style="margin-left: 4rem; color: #6a7372">A居民身份证</view>
</view>
<view class="userbox">
<view style="font-weight: 700">证件号码</view>
<view style="margin-left: 4rem; color: #6a7372">2323***********229</view>
</view>
<view class="userboxdata">
<view style="display: flex">
<view style="font-weight: 700">证件有效期限</view>
<view style="margin-left: 2rem; color: #6a7372">请选择日期</view>
</view>
<view>
<uni-icons style="margin-right: 0.5rem" type="right" size="20" color="#b3b3b3"></uni-icons>
</view>
</view>
</view>
<!-- 案例 -->
<view class="example">样例</view>
<!-- 图片 -->
<view style="background-color: #fff">
<image style="width: 90%; height: 12rem; margin: 0.8rem 5%" src="../../../../static/shenfen.png"></image>
</view>
<!-- 按钮 -->
<view class="buttom">
<view class="buttombox">下一步</view>
</view>
</view>
</view>
</template>
<script setup>
import { ref } from 'vue';
const { safeAreaInsets } = uni.getSystemInfoSync();
const user = ref([
{
text: '',
content: '',
id: 1
},
{
text: '',
content: '',
id: 2
},
{
text: '',
content: '',
id: 3
},
{
text: '',
content: '',
id: 4
}
]);
const gotoBack = () => {
uni.navigateBack({
delta: 1
});
};
</script>
<style lang="scss">
.van-nav-bar__content {
display: flex;
align-items: center;
justify-content: center;
height: 3rem;
background-color: #2c66a9;
color: #fff;
letter-spacing: 1.5px;
position: relative;
.page-icon {
display: flex;
align-items: center;
position: absolute;
left: 0;
}
.page-navbar {
font-size: 1.1rem;
}
}
.boxone {
background-color: #f2fbfa;
display: flex;
flex-direction: column;
min-height: calc(100vh - 3rem);
}
.user {
width: 100%;
background-color: #fff;
margin-top: 0.8rem;
.userbox {
display: flex;
align-items: center;
padding: 1rem 0;
width: 95%;
border-bottom: 1rpx solid #ececec;
margin-left: 5%;
}
.userboxdata {
display: flex;
align-items: center;
justify-content: space-between;
width: 95%;
margin-left: 5%;
padding: 1rem 0;
}
}
.example {
padding: 0.8rem 0;
width: 95%;
margin-left: 5%;
color: #6a7372;
font-size: 1rem;
}
.buttom {
flex-grow: 1;
.buttombox {
background-color: #d5d5d5;
width: 90%;
height: 3.2rem;
border-radius: 0.2rem;
text-align: center;
line-height: 3.2rem;
color: #a1a1a1;
margin: 2rem 5%;
}
}
</style>

264
pages/my/components/install/index.vue
View File

@ -1,144 +1,152 @@
<template> <template>
<view :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }"> <view :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
<!-- 导航栏 --> <!-- 导航栏 -->
<view :style="{ paddingTop: safeAreaInsets.top + 'px' }" class="van-nav-bar"> <view :style="{ paddingTop: safeAreaInsets.top + 'px' }" class="van-nav-bar">
<view class="van-nav-bar__content"> <view class="van-nav-bar__content">
<view class="page-icon" @click="gotoBack"> <view class="page-icon" @click="gotoBack">
<uni-icons color="#fff" type="back" size="26"></uni-icons> <uni-icons color="#fff" type="back" size="26"></uni-icons>
<view>返回</view> <view>返回</view>
</view> </view>
<view class="page-navbar">设置</view> <view class="page-navbar">设置</view>
</view> </view>
</view> </view>
<!-- 功能页 --> <!-- 功能页 -->
<view style="background-color: #f5f9fa; height: 94vh"> <view style="background-color: #f5f9fa; height: 94vh;">
<view style="height: 20rpx" /> <view style="height: 20rpx;" />
<view v-for="item in serve" :key="item.id" class="userlist"> <view v-for="item in serve" :key="item.id" class="userlist">
<view :class="{ active: item.id === 5 }"> <view :class="{ active: item.id === 5 }">
<view class="userlist-box"> <view class="userlist-box">
<view style="margin: 0 0.8rem"> <view style="margin: 0 0.8rem">
<image :src="item.icon" :style="{ width: item.id == 0 ? '1.25rem' : '1.45rem', height: '1.45rem', transform: 'translateY(0.2rem)' }"></image> <image :src="item.icon"
</view> :style="{ width: item.id == 0 ? '1.25rem' : '1.45rem', height: '1.45rem', transform: 'translateY(0.2rem)' }">
<view class="userlist-box-text" :style="{ 'border-bottom': item.id == 5 || item.id == 4 ? 'node' : '1rpx solid #eee' }"> </image>
<view :style="{ transform: item.id == 0 ? 'translateX(0.2rem)' : '' }">{{ item.text }}</view> </view>
<view style="margin-right: 0.7rem"><uni-icons color="#c1c1c3" type="forward" size="18"></uni-icons></view> <view class="userlist-box-text"
</view> :style="{ 'border-bottom': item.id == 5 || item.id == 4 ? 'node' : '1rpx solid #eee' }">
</view> <view :style="{ transform: item.id == 0 ? 'translateX(0.2rem)' : '' }">{{ item.text }}</view>
</view> <view style="margin-right: 0.7rem"><uni-icons color="#c1c1c3" type="forward" size="18"></uni-icons></view>
</view> </view>
<view class="buttom">退出登录</view> </view>
</view> </view>
</view> </view>
<view class="buttom">退出登录</view>
</view>
</view>
</template> </template>
<script setup> <script setup>
import { ref } from 'vue'; import {
const { safeAreaInsets } = uni.getSystemInfoSync(); ref
const serve = ref([ } from 'vue';
{ const {
text: '登录密码修改', safeAreaInsets
icon: '../../../../static/wodeshezhi/1.png', } = uni.getSystemInfoSync();
id: 0 const serve = ref([{
}, text: '登录密码修改',
{ icon: '../../../../static/wodeshezhi/1.png',
text: '手势密码修改', id: 0
icon: '../../../../static/wodeshezhi/2.png', },
id: 1 {
}, text: '手势密码修改',
{ icon: '../../../../static/wodeshezhi/2.png',
text: '删除帐号', id: 1
icon: '../../../../static/wodeshezhi/3.png', },
id: 2 {
}, text: '删除帐号',
{ icon: '../../../../static/wodeshezhi/3.png',
text: '帐号迁移', id: 2
icon: '../../../../static/wodeshezhi/4.png', },
{
text: '帐号迁移',
icon: '../../../../static/wodeshezhi/4.png',
id: 3 id: 3
}, },
{ {
text: '大字版', text: '大字版',
icon: '../../../../static/wodeshezhi/5.png', icon: '../../../../static/wodeshezhi/5.png',
id: 4 id: 4
}, },
{ {
text: '分享12123给好友', text: '分享12123给好友',
icon: '../../../../static/wodeshezhi/6.png', icon: '../../../../static/wodeshezhi/6.png',
id: 5 id: 5
}, },
{ {
text: '清理缓存', text: '清理缓存',
icon: '../../../../static/wodeshezhi/7.png', icon: '../../../../static/wodeshezhi/7.png',
id: 6 id: 6
}, },
{ {
text: '关于', text: '关于',
icon: '../../../../static/wodeshezhi/8.png', icon: '../../../../static/wodeshezhi/8.png',
id: 7 id: 7
} }
]); ]);
const gotoBack = () => { const gotoBack = () => {
uni.navigateBack({ uni.navigateBack({
delta: 1 delta: 1
}); });
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.van-nav-bar__content { .van-nav-bar__content {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 3rem; height: 3rem;
background-color: #2c66a9; background-color: #2c66a9;
color: #fff; color: #fff;
letter-spacing: 1.5px; letter-spacing: 1.5px;
position: relative; position: relative;
.page-icon { .page-icon {
display: flex; display: flex;
align-items: center; align-items: center;
position: absolute; position: absolute;
left: 0; left: 0;
} }
.page-navbar { .page-navbar {
font-size: 1.1rem; font-size: 1.1rem;
} }
} }
.userlist { .userlist {
letter-spacing: 1.5px; letter-spacing: 1.5px;
.userlist-box { font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
.userlist-box-text { .userlist-box {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 96%; background-color: #fff;
padding: 1rem 0;
}
}
}
.buttom { .userlist-box-text {
width: 90%; display: flex;
margin: 2rem auto 0rem; align-items: center;
padding: 0.7rem 0rem; justify-content: space-between;
background-color: #ff6769; width: 96%;
color: #fff; padding: 1rem 0;
border-radius: 0.5rem; }
text-align: center; }
} }
.active { .buttom {
padding: 0.2rem 0rem; width: 90%;
margin: 0.8rem 0rem; margin: 2rem auto 0rem;
background-color: #f5f9fa; padding: 0.7rem 0rem;
} background-color: #ff6769;
color: #fff;
border-radius: 0.5rem;
text-align: center;
}
.active {
padding: 0.2rem 0rem;
margin: 0.8rem 0rem;
background-color: #f5f9fa;
}
</style> </style>

19
pages/my/index.vue
View File

@ -12,7 +12,7 @@
<view style="margin-top: 0.2rem; font-size: 0.9rem">设置</view> <view style="margin-top: 0.2rem; font-size: 0.9rem">设置</view>
</view> </view>
</view> </view>
<view v-for="item in serve" :key="item.id" class="userlist" @click="date(item.id)"> <view v-for="item in serve" :key="item.id" class="userlist">
<view class="userlist-box"> <view class="userlist-box">
<view class="userlist-box-text"> <view class="userlist-box-text">
<view> <view>
@ -34,7 +34,7 @@
</view> </view>
<view style="width: 92%; border-bottom: 1rpx solid #e2e2e2; margin-left: 8%"></view> <view style="width: 92%; border-bottom: 1rpx solid #e2e2e2; margin-left: 8%"></view>
</view> </view>
<TabBar :val="4" /> <TabBar />
</view> </view>
</template> </template>
@ -97,7 +97,7 @@ const serve = ref([
}, },
{ {
text: '交管小安', text: '交管小安',
icon: '../../static/wode/9.png', icon: '',
queenicon: '\ue612', queenicon: '\ue612',
id: 8 id: 8
}, },
@ -114,14 +114,6 @@ const set = () => {
url: '/pages/my/components/install/index' url: '/pages/my/components/install/index'
}); });
}; };
// 跳转有效日期
const date = (id) => {
if (id == 3) {
uni.navigateTo({
url: '/pages/my/components/effectiveDate/index'
});
}
};
</script> </script>
<style lang="scss"> <style lang="scss">
@ -135,8 +127,8 @@ const date = (id) => {
justify-content: space-between; justify-content: space-between;
padding: 1rem 0.8rem 1rem 1rem; padding: 1rem 0.8rem 1rem 1rem;
background-image: url(@/static/wode/f9.png); background-image: url(@/static/wode/f9.png);
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
color: #fff; color: #fff;
letter-spacing: 1.5px; /* 设置字符间距为2像素 */ letter-spacing: 1.5px; /* 设置字符间距为2像素 */
.user-icon { .user-icon {
@ -146,6 +138,7 @@ const date = (id) => {
.userlist { .userlist {
background-color: #fff; background-color: #fff;
letter-spacing: 1.5px; letter-spacing: 1.5px;
font-weight: 700;
.userlist-box { .userlist-box {
width: 96%; width: 96%;
margin-left: 4%; margin-left: 4%;

34
pages/schedule/index.vue
View File

@ -60,23 +60,23 @@
<image src="../../static/wangban/oe.png" style="width: 7.8rem; height: 5rem"></image> <image src="../../static/wangban/oe.png" style="width: 7.8rem; height: 5rem"></image>
<view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view> <view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view>
</view> </view>
</view> </view>
<view v-else-if="tabIndex === 2"> <view v-else-if="tabIndex === 2">
<view class="noData"> <view class="noData">
<image src="../../static/wangban/oe.png" style="width: 7.8rem; height: 5rem"></image> <image src="../../static/wangban/oe.png" style="width: 7.8rem; height: 5rem"></image>
<view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view> <view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view>
</view> </view>
</view> </view>
<view v-else-if="tabIndex === 3"> <view v-else-if="tabIndex === 3">
<view class="noData"> <view class="noData">
<image src="../../static/wangban/oe.png" style="width: 7.8rem; height: 5rem"></image> <image src="../../static/wangban/oe.png" style="width: 7.8rem; height: 5rem"></image>
<view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view> <view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<TabBar :val="1" /> <TabBar />
</view> </view>
</template> </template>
<script setup> <script setup>

2
pages/serve/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view class=""> <view class="">
<TabBar :val="3" /> <TabBar />
</view> </view>
</template> </template>

0
static/car.png → static/C5.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 876 B

After

Width:  |  Height:  |  Size: 876 B

BIN
static/qideng/Ll.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.5 KiB

BIN
static/qideng/Mm.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.8 KiB

BIN
static/qideng/Ss.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.0 KiB

BIN
static/qideng/pingbaoL.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 197 KiB

BIN
static/qideng/pingbaoM.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 121 KiB

BIN
static/qideng/pingbaoS.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 61 KiB

BIN
static/shenfen.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 307 KiB

BIN
static/wode/9.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
static/yewuzhongxin/1/4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.4 KiB

BIN
static/yewuzhongxin/4/4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

8
unpackage/dist/cache/.vite/deps/_metadata.json vendored
View File

@ -1,13 +1,13 @@
{ {
"hash": "f0e888ba", "hash": "4a204181",
"configHash": "046e9b57", "configHash": "eb966fb1",
"lockfileHash": "fa978dd2", "lockfileHash": "fa978dd2",
"browserHash": "f56c9596", "browserHash": "65cd6fd1",
"optimized": { "optimized": {
"echarts": { "echarts": {
"src": "../../../../../node_modules/echarts/index.js", "src": "../../../../../node_modules/echarts/index.js",
"file": "echarts.js", "file": "echarts.js",
"fileHash": "3a5ca97e", "fileHash": "47eb0dc6",
"needsInterop": false "needsInterop": false
} }
}, },