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

Compare commits

base: sundongyu:86c9ae0b6ccd46a5004bd0558e903680d7c1a018
Branches Tags
sundongyu:main
..
compare: sundongyu:485f80f6a924ec2f5c87deb2c490cc3e40c55da6
Branches Tags
sundongyu:main

No commits in common. "86c9ae0b6ccd46a5004bd0558e903680d7c1a018" and "485f80f6a924ec2f5c87deb2c490cc3e40c55da6" have entirely different histories.
86c9ae0b6c ... 485f80f6a9

2 changed files with 56 additions and 73 deletions
Show Stats Expand all files Collapse all files

15
pages/index/components/myCar.vue
View File

@ -15,8 +15,8 @@
<view class="car-top"> <view class="car-top">
<image src="../../../static/R41.png" class="image"></image> <image src="../../../static/R41.png" class="image"></image>
<view class="car-top-text"> <view class="car-top-text">
<text style="font-size: 40rpx; font-weight: 600; color: ;">黑A00000</text> <text style="font-size: 40rpx; font-weight: 600; color: ;">黑A1K5V1</text>
<text style="color: #808080;">*宇</text> <text style="color: #808080;">*爽</text>
</view> </view>
</view> </view>
<view class="car-center"> <view class="car-center">
@ -42,7 +42,7 @@
本人车辆信息缺失或有误，请点击<a href="#" style="color: #2d65a5;">此处反馈</a> 本人车辆信息缺失或有误，请点击<a href="#" style="color: #2d65a5;">此处反馈</a>
</view> </view>
</view> </view>
<view class="van-nav-bar positionBottom"> <view :style="{ paddingTop: safeAreaInsets.top + 'px' }" class="van-nav-bar">
<view class="van-nav-bar__content" style="cursor: pointer;"> <view class="van-nav-bar__content" style="cursor: pointer;">
<view class="page-navbar">备案非本人机动车</view> <view class="page-navbar">备案非本人机动车</view>
</view> </view>
@ -63,9 +63,6 @@
delta: 1, delta: 1,
}); });
}; };
onLoad((option)=>{
console.log(option)
})
const grade = ref(0); const grade = ref(0);
</script> </script>
@ -164,10 +161,4 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.positionBottom {
position: fixed;
bottom: 0;
width: 100vw;
}
</style> </style>

110
pages/index/index.vue
View File

@ -8,9 +8,9 @@
<image src="../../static/on.png" style="width: 80rpx; height: 60rpx"></image> <image src="../../static/on.png" style="width: 80rpx; height: 60rpx"></image>
</view> </view>
<view class="card"> <view class="card">
<view class="card-content" @click="myCar(true)"> <view class="card-content" @click="myCar">
<view class="card-content-top"> <view class="card-content-top">
<image @click="myCar(false)" style="width: 50rpx; height: 40rpx" src="../../static/c5.png" /> <image style="width: 50rpx; height: 40rpx" src="../../static/car.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">
@ -67,13 +67,7 @@
<uni-icons type="right" size="20" color="#acacac" style="margin-right: 20rpx"></uni-icons> <uni-icons type="right" size="20" color="#acacac" style="margin-right: 20rpx"></uni-icons>
</view> </view>
<view class="information-content"> <view class="information-content">
<uni-swiper-dot <uni-swiper-dot :info="info" :current="current" :dots-styles="{ selectedBackgroundColor: '#2065b1', backgroundColor: '#e6e6e6' }" field="content" mode="default">
:info="info"
:current="current"
:dots-styles="{ selectedBackgroundColor: '#2065b1', backgroundColor: '#e6e6e6' }"
field="content"
mode="default"
>
<swiper class="swiper-box" @change="change"> <swiper class="swiper-box" @change="change">
<swiper-item v-for="(item, index) in info" :key="index"> <swiper-item v-for="(item, index) in info" :key="index">
<view class="swiper-item" style="margin-right: 20rpx"> <view class="swiper-item" style="margin-right: 20rpx">
@ -81,7 +75,7 @@
<view class="swiper-text"> <view class="swiper-text">
<text>{{ item.content }}</text> <text>{{ item.content }}</text>
<view style="width: 100%; display: flex; justify-content: flex-end; color: #cecdd3; font-size: 28rpx"> <view style="width: 100%; display: flex; justify-content: flex-end; color: #cecdd3; font-size: 28rpx">
{{ "2024-06-14" }} {{ '2024-06-14' }}
</view> </view>
</view> </view>
</view> </view>
@ -101,9 +95,7 @@
<image src="../../static/dl.png" style="width: 30rpx; height: 30rpx"></image> <image src="../../static/dl.png" style="width: 30rpx; height: 30rpx"></image>
</view> </view>
<view class="text"> <view class="text">
<text style="color: #8ca9cd; font-size: 24rpx; display: inline-block; text-align: center" <text style="color: #8ca9cd; font-size: 24rpx; display: inline-block; text-align: center">未来会有更过服务,更好的体验现在快把我分享给帮你的好友吧</text>
>未来会有更过服务,更好的体验现在快把我分享给帮你的好友吧</text
>
</view> </view>
</view> </view>
</view> </view>
@ -120,75 +112,75 @@
</template> </template>
<script setup> <script setup>
import TabBar from "@/components/tabBar/index.vue"; import TabBar from '@/components/tabBar/index.vue';
import { ref } from "vue"; import { ref } from 'vue';
const { safeAreaInsets } = uni.getSystemInfoSync(); const { safeAreaInsets } = uni.getSystemInfoSync();
const dotStyle = ref({}); const dotStyle = ref({});
const businessList = ref([ const businessList = ref([
{ {
img: "../../static/6w1.png", img: '../../static/6w1.png',
text: "事故视频\n快处", text: '事故视频\n快处',
id: "1", id: '1'
}, },
{ {
img: "../../static/ax3.png", img: '../../static/ax3.png',
text: "违法处理\n\n", text: '违法处理\n\n',
id: "2", id: '2'
}, },
{ {
img: "../../static/q2.png", img: '../../static/q2.png',
text: "罚款缴纳\n\n", text: '罚款缴纳\n\n',
id: "3", id: '3'
}, },
{ {
img: "../../static/5i.png", img: '../../static/5i.png',
text: "驾驶证电\n子版", text: '驾驶证电\n子版',
id: "4", id: '4'
}, },
{ {
img: "../../static/az.png", img: '../../static/az.png',
text: "学法减分\n\n", text: '学法减分\n\n',
id: "5", id: '5'
}, },
{ {
img: "../../static/ZX1.png", img: '../../static/ZX1.png',
text: "免检车申领\n检验标志", text: '免检车申领\n检验标志',
id: "6", id: '6'
}, },
{ {
img: "../../static/621.png", img: '../../static/621.png',
text: "驾驶证补\n领换", text: '驾驶证补\n领换',
id: "7", id: '7'
}, },
{ {
img: "../../static/JF.png", img: '../../static/JF.png',
text: "机动车检\n验预约", text: '机动车检\n验预约',
id: "8", id: '8'
}, },
{ {
img: "../../static/pj.png", img: '../../static/pj.png',
text: "满分学习\n考试", text: '满分学习\n考试',
id: "9", id: '9'
}, },
{ {
img: "../../static/KG.png", img: '../../static/KG.png',
text: "更多\n\n", text: '更多\n\n',
id: "10", id: '10'
}, }
]); ]);
const info = [ const info = [
{ {
Image: "../../static/wq.png", Image: '../../static/wq.png',
content: "公安部8项公安交管便民利企改革新措施解读", content: '公安部8项公安交管便民利企改革新措施解读'
}, },
{ {
Image: "../../static/wq.png", Image: '../../static/wq.png',
content: "公安部8项公安交管便民利企改革新措施解读", content: '公安部8项公安交管便民利企改革新措施解读'
}, },
{ {
Image: "../../static/wq.png", Image: '../../static/wq.png',
content: "公安部8项公安交管便民利企改革新措施解读", content: '公安部8项公安交管便民利企改革新措施解读'
}, }
]; ];
const current = ref(0); const current = ref(0);
const change = (e) => { const change = (e) => {
@ -196,18 +188,18 @@ const change = (e) => {
}; };
const drivingLicence = () => { const drivingLicence = () => {
uni.navigateTo({ uni.navigateTo({
url: "./components/drivingLicence", url: './components/drivingLicence'
}); });
}; };
const myCar = (val) => { const myCar = ()=>{
uni.navigateTo({ uni.navigateTo({
url: `./components/myCar?judge=${val}`, url: './components/myCar'
}); });
}; }
const closedclick = (id) => { const closedclick = (id) => {
if (id == 10) { if (id == 10) {
uni.navigateTo({ uni.navigateTo({
url: "./components/businessCenter", url: './components/businessCenter'
}); });
} }
}; };
@ -381,6 +373,6 @@ const closedclick = (id) => {
.kefu { .kefu {
position: absolute; position: absolute;
right: 20rpx; right: 20rpx;
bottom: 240rpx; bottom: 120rpx;
} }
</style> </style>