qyh
/
freight-ts-dy-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: qyh:04fbcd6449c93fcc642e7c650a220a56cdfb133d
Branches Tags
qyh:master
qyh:dev/v1.1.1
qyh:dev/v1.0.0
...
compare: qyh:fc1a36ef3b54399c9cea5f4c1c62a1c0bbf4420f
Branches Tags
qyh:dev/v1.1.1
qyh:dev/v1.0.0
qyh:master

2 Commits
04fbcd6449 ... fc1a36ef3b

Author SHA1 Message Date
admin fc1a36ef3b feat: 平台兼容性调整 2024-09-14 16:08:23 +08:00
admin 35735c1d80 feat: 兼容微信小程序 h5 2024-09-14 14:16:32 +08:00
12 changed files with 359 additions and 273 deletions
Show Stats Expand all files Collapse all files

18
src/App.vue
View File

@ -3,7 +3,23 @@ import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
onLaunch(() => { onLaunch(() => {
//隐藏官方的tabBar //隐藏官方的tabBar
// uni.hideTabBar(); // #ifdef MP-ALIPAY
my.hideTabBar({
animation: false, // 是否需要动画效果，alipay 1.95.0支持此参数
success: (res) => {
// 隐藏成功的回调
console.log("TabBar has been hidden", res);
},
fail: (err) => {
// 隐藏失败的回调
console.error("Failed to hide TabBar", err);
},
});
// #endif
// #ifndef MP-ALIPAY
uni.hideTabBar();
// #endif
}); });
onShow(() => { onShow(() => {
console.log("App Show"); console.log("App Show");

8
src/components/Layout/index.vue
View File

@ -11,12 +11,12 @@
<view <view
:style="{ :style="{
paddingBottom: navbarRect.bottom + 'rpx', paddingBottom: navbarRect.bottom + 'rpx',
height: '50px', height: '50px',
}" }"
class="bottom" class="bottom"
> >
<Tabbar :select="select"/> <Tabbar :select="select" />
</view> </view>
</template> </template>
@ -37,6 +37,7 @@ const navbarRect = reactive({
layoutHeight: 0, layoutHeight: 0,
}); });
// #ifndef H5
const menuButtonInfo = uni.getMenuButtonBoundingClientRect(); const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
navbarRect.height = menuButtonInfo.height; navbarRect.height = menuButtonInfo.height;
navbarRect.top = menuButtonInfo.top; navbarRect.top = menuButtonInfo.top;
@ -53,6 +54,7 @@ uni.getSystemInfo({
50; 50;
}, },
}); });
// #endif
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -65,7 +67,7 @@ uni.getSystemInfo({
background-color: bisque; background-color: bisque;
} }
.layout { .layout {
background-color: #FFF; background-color: #fff;
} }
.bottom { .bottom {
position: fixed; position: fixed;

22
src/components/Tabbar/index.vue
View File

@ -1,17 +1,22 @@
<template> <template>
<!-- 工作台底部菜单 --> <!-- 工作台底部菜单 -->
<view class="custom-tabbar"> <view class="custom-tabbar">
<view v-for="item in state.list" :key="item.text" @click="handleClick(item)"> <view
v-for="item in state.list"
:key="item.text"
@click="handleClick(item)"
>
<view> <view>
<image <image
:src="`${url}/static/img/tabbar/${select === item.text ? item.activeIcon : item.icon}`" :src="`${url}/static/img/tabbar/${
class="custom-img" select === item.text ? item.activeIcon : item.icon
></image> }`"
class="custom-img"
></image>
</view> </view>
<view :class="{'active': select === item.text}"> <view :class="{ active: select === item.text }">
{{ item.text }} {{ item.text }}
</view> </view>
</view> </view>
<!-- <view v-for="item in state.list" :key="item.text"> <!-- <view v-for="item in state.list" :key="item.text">
<image <image
@ -69,8 +74,7 @@ const handleClick = (item: tabBar) => {
}; };
onLaunch(() => { onLaunch(() => {
//隐藏官方的tabBar
uni.hideTabBar();
}); });
</script> </script>
@ -79,7 +83,7 @@ onLaunch(() => {
background: #ffffff; background: #ffffff;
// box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 56, 93, 0.12); // box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 56, 93, 0.12);
border-radius: 13rpx 13rpx 0rpx 0rpx; border-radius: 13rpx 13rpx 0rpx 0rpx;
border-top: 1px solid rgba(0,0,0,0.05); border-top: 1px solid rgba(0, 0, 0, 0.05);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;

3
src/manifest.json
View File

@ -86,7 +86,8 @@
"lazyCodeLoading" : "requiredComponents" "lazyCodeLoading" : "requiredComponents"
}, },
"mp-alipay" : { "mp-alipay" : {
"usingComponents" : true "usingComponents" : true,
"styleIsolation":"apply-shared"
}, },
"mp-baidu" : { "mp-baidu" : {
"usingComponents" : true "usingComponents" : true

8
src/pages.json
View File

@ -15,14 +15,14 @@
{ {
"path": "pagesHome/index", "path": "pagesHome/index",
"style": { "style": {
"navigationStyle": "custom", // 控制头部是否显示 // "navigationStyle": "custom", // 控制头部是否显示
"navigationBarTitleText": "首页" "navigationBarTitleText": "首页"
} }
}, },
{ {
"path": "pagesHome/profile", "path": "pagesHome/profile",
"style": { "style": {
"navigationStyle": "custom", // 控制头部是否显示 // "navigationStyle": "custom", // 控制头部是否显示
"navigationBarTitleText": "我的" "navigationBarTitleText": "我的"
} }
} }
@ -113,11 +113,11 @@
"list": [ "list": [
{ {
"pagePath": "pagesHome/index", "pagePath": "pagesHome/index",
"text": "工作台" "text": ""
}, },
{ {
"pagePath": "pagesHome/profile", "pagePath": "pagesHome/profile",
"text": "我的" "text": ""
} }
] ]
}, },

159
src/pagesBattery/index.vue
View File

@ -2,87 +2,92 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<CustomSwiper :list="bannerList"> </CustomSwiper> <CustomSwiper :list="bannerList"> </CustomSwiper>
<!-- 入口 --> <!-- 入口 -->
<uni-card <view class="entry-card">
class="entry-card" <uni-card
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'" :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'20px 10px'" :padding="'20px 10px'"
:border="false" :border="false"
> >
<view class="item"> <view class="item">
<view <view
v-for="(item, index) in entryItemList" v-for="(item, index) in entryItemList"
:key="index" :key="index"
@click="handleClick(item)" @click="handleClick(item)"
class="item" class="item"
>
<view>
<view class="text">{{ item.name }}</view>
<view class="desc">{{ item.desc }}</view>
<image :src="`${url}/static/img/battery/${item.path}`"></image>
</view>
</view>
</view>
</uni-card>
<!-- 介绍 -->
<uni-card
class="avatar-card"
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'20px 10px'"
:border="false"
>
<view class="title">回收流程</view>
<view class="flow">
<text class="text">在线登记</text>
<image :src="`${url}/static/img/battery/arrow.png`"></image>
<text class="text">免费上门</text>
<image :src="`${url}/static/img/battery/arrow.png`"></image>
<text class="text">结算打款</text>
<image :src="`${url}/static/img/battery/arrow.png`"></image>
<text class="text">订单完成</text>
</view>
<up-gap height="10" bgColor="#F8F8F8"></up-gap>
<view class="title mt-20">回收物品</view>
<uni-grid :column="2" :showBorder="false" :square="false">
<uni-grid-item
class="item"
v-for="(item, index) in serviceItemList"
:key="index"
>
<uni-card
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'0px'"
:margin="'5px'"
:border="false"
> >
<view style="background-color: #e8edff"> <view>
<image <view class="text">{{ item.name }}</view>
mode="aspectFill" <view class="desc">{{ item.desc }}</view>
:src="`${url}/static/img/vehicle/${item.path}`" <image :src="`${url}/static/img/battery/${item.path}`"></image>
></image>
</view> </view>
<view class="text-box">
<text class="text">{{ item.name }}</text>
</view>
</uni-card>
</uni-grid-item>
</uni-grid>
<!-- 常见问题 -->
<view class="title mt-20 mb-20">常见问题</view>
<view class="commonQ">
<view v-for="(item, index) in questionList" :key="index">
<view class="question">{{ item.q }}</view>
<view class="answer">
<view v-html="item.a"></view>
</view> </view>
</view> </view>
</view> </uni-card>
</view>
<view class="other"> <!-- 介绍 -->
<view>其他问题请咨询客服电话</view> <view class="avatar-card">
<view><text @click="callNumber('15150231777')" class="active">15150231777&nbsp;&nbsp;欢迎咨询</text></view> <uni-card
</view> :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
</uni-card> :padding="'20px 10px'"
:border="false"
>
<view class="title">回收流程</view>
<view class="flow">
<text class="text">在线登记</text>
<image :src="`${url}/static/img/battery/arrow.png`"></image>
<text class="text">免费上门</text>
<image :src="`${url}/static/img/battery/arrow.png`"></image>
<text class="text">结算打款</text>
<image :src="`${url}/static/img/battery/arrow.png`"></image>
<text class="text">订单完成</text>
</view>
<up-gap height="10" bgColor="#F8F8F8"></up-gap>
<view class="title mt-20">回收物品</view>
<uni-grid :column="2" :showBorder="false" :square="false">
<uni-grid-item v-for="(item, index) in serviceItemList" :key="index">
<view class="item">
<uni-card
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'0px'"
:margin="'5px'"
:border="false"
>
<view style="background-color: #e8edff">
<image
mode="aspectFill"
:src="`${url}/static/img/vehicle/${item.path}`"
></image>
</view>
<view class="text-box">
<text class="text">{{ item.name }}</text>
</view>
</uni-card>
</view>
</uni-grid-item>
</uni-grid>
<!-- 常见问题 -->
<view class="title mt-20 mb-20">常见问题</view>
<view class="commonQ">
<view v-for="(item, index) in questionList" :key="index">
<view class="question">{{ item.q }}</view>
<view class="answer">
<view v-html="item.a"></view>
</view>
</view>
</view>
<view class="other">
<view>其他问题请咨询客服电话</view>
<view
><text @click="callNumber('15150231777')" class="active"
>15150231777&nbsp;&nbsp;欢迎咨询</text
></view
>
</view>
</uni-card>
</view>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -181,7 +186,7 @@ const handleClick = (item: any) => {
}); });
}; };
const callNumber = (number) => { const callNumber = (number:any) => {
// 判断是否为移动端 // 判断是否为移动端
if ( if (
uni.getSystemInfoSync().platform === "android" || uni.getSystemInfoSync().platform === "android" ||

113
src/pagesHome/index.vue
View File

@ -3,63 +3,64 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<CustomSwiper> </CustomSwiper> <CustomSwiper> </CustomSwiper>
<!-- 入口 --> <!-- 入口 -->
<uni-card <view class="entry-card">
class="entry-card" <uni-card
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'" :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'20px 10px'" :padding="'20px 10px'"
:border="false" :border="false"
> >
<uni-grid :column="3" :showBorder="false" :square="false"> <uni-grid :column="3" :showBorder="false" :square="false">
<uni-grid-item <uni-grid-item v-for="(item, index) in entryItemList" :key="index">
class="item" <view class="item">
v-for="(item, index) in entryItemList" <view @click="handleClick(item)">
:key="index" <view>
> <image :src="`${url}/static/img/${item.path}`"></image>
<view @click="handleClick(item)"> </view>
<view> <view>
<image :src="`${url}/static/img/${item.path}`"></image> <text class="text">{{ item.name }}</text>
</view>
</view>
</view> </view>
<view> </uni-grid-item>
<text class="text">{{ item.name }}</text> </uni-grid>
</view> </uni-card>
</view> </view>
</uni-grid-item>
</uni-grid>
</uni-card>
<!-- 介绍 --> <!-- 介绍 -->
<uni-card <view class="avatar-card">
class="avatar-card" <uni-card
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'" :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'10px 10px'" :padding="'10px 10px'"
:border="false" :border="false"
> >
<view class="title">爱梵达</view> <view class="title">爱梵达</view>
<image <image
:src="`/static/avatar/1.jpg`" :src="`/static/avatar/1.jpg`"
:mode="'widthFix'" :mode="'widthFix'"
style="width: 100%" style="width: 100%"
/> />
<image <image
:src="`/static/avatar/2.jpg`" :src="`/static/avatar/2.jpg`"
:mode="'widthFix'" :mode="'widthFix'"
style="width: 100%" style="width: 100%"
/> />
<image <image
:src="`/static/avatar/3.jpg`" :src="`/static/avatar/3.jpg`"
:mode="'widthFix'" :mode="'widthFix'"
style="width: 100%" style="width: 100%"
/> />
<image <image
:src="`/static/avatar/4.jpg`" :src="`/static/avatar/4.jpg`"
:mode="'widthFix'" :mode="'widthFix'"
style="width: 100%" style="width: 100%"
/> />
<image <image
:src="`/static/avatar/5.jpg`" :src="`/static/avatar/5.jpg`"
:mode="'widthFix'" :mode="'widthFix'"
style="width: 100%" style="width: 100%"
/> />
</uni-card> </uni-card>
</view>
</Layout> </Layout>
</template> </template>
@ -136,7 +137,7 @@ const handleClick = (item: any) => {
padding: 0px !important; padding: 0px !important;
} }
image + image { image + image {
margin-top: -12rpx; margin-top: -14rpx;
} }
} }
</style> </style>

25
src/pagesHome/profile.vue
View File

@ -6,7 +6,7 @@
<image :src="`${url}/static/img/profile/user.png`" class="user"></image> <image :src="`${url}/static/img/profile/user.png`" class="user"></image>
<view> <view>
<view> <view>
<text class="name">{{ '抖音用户' || "-" }}</text> <text class="name">{{ '用户' || "-" }}</text>
</view> </view>
<view> <view>
<text class="company">{{ '-' || "-" }}</text> <text class="company">{{ '-' || "-" }}</text>
@ -65,8 +65,10 @@ const hanldeClick = (item: any) => {
const openDoc = (item: string) => { const openDoc = (item: string) => {
//文件预览 //文件预览
const isWX = uni.getSystemInfoSync().uniPlatform === 'mp-weixin'
console.log(`${url}/static/${isWX && (item === '在生万有隐私政策') ? 'weixin/' : ''}${item}.docx`)
uni.downloadFile({ uni.downloadFile({
url: `${url}/static/${item}.docx`, url: `${url}/static/${isWX && (item === '在生万有隐私政策') ? 'weixin/' : ''}${item}.docx`,
success: function (res) { success: function (res) {
setTimeout( setTimeout(
() => () =>
@ -92,6 +94,25 @@ const openDoc = (item: string) => {
}, },
}); });
}; };
//隐藏官方的tabBar
// #ifdef MP-ALIPAY
my.hideTabBar({
animation: false, // 是否需要动画效果，alipay 1.95.0支持此参数
success: (res) => {
// 隐藏成功的回调
console.log("TabBar has been hidden", res);
},
fail: (err) => {
// 隐藏失败的回调
console.error("Failed to hide TabBar", err);
},
});
// #endif
// #ifndef MP-ALIPAY
uni.hideTabBar();
// #endif
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

113
src/pagesScrapSteel/index.vue
View File

@ -2,64 +2,68 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<CustomSwiper :list="bannerList"> </CustomSwiper> <CustomSwiper :list="bannerList"> </CustomSwiper>
<!-- 介绍 --> <!-- 介绍 -->
<uni-card <view class="avatar-card">
class="avatar-card" <uni-card
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'" :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'20px 10px'" :padding="'20px 10px'"
:border="false" :border="false"
> >
<view class="title">优质货场</view> <view class="title">优质货场</view>
<view class="freight"> <view class="freight">
<view v-for="(item, index) in list" :key="index"> <view v-for="(item, index) in list" :key="index">
<view>
<image
mode="aspectFill"
:src="`${url}/static/img/steel/${item.path}`"
></image>
</view>
<view class="text">
<view>主营业务：{{ item.business }}</view>
<view>货场名称：{{ item.name }}</view>
<view>货场地址：{{ item.address }}</view>
<view
>联系电话：{{item.owner}} &nbsp;&nbsp;<text @click="callNumber(item.phone)" class="active">{{ item.phone }} &nbsp;&nbsp;欢迎询价</text></view
>
</view>
</view>
</view>
<view style="margin: 60rpx 0rpx 30rpx 0rpx">
<up-gap height="10" bgColor="#F8F8F8"></up-gap>
</view>
<view class="title">合作案例</view>
<view class="mt-30 mb-30">
<uni-grid :column="2" :showBorder="false" :square="false">
<uni-grid-item
class="item"
v-for="(item, index) in serviceItemList"
:key="index"
>
<view> <view>
<image <image
mode="aspectFill" mode="aspectFill"
:src="`${url}/static/img/steel/${item.path}`" :src="`${url}/static/img/steel/${item.path}`"
></image> ></image>
</view> </view>
</uni-grid-item> <view class="text">
<view>主营业务：{{ item.business }}</view>
<view class="mt-30 mb-30" style="width: 60%"> <view>货场名称：{{ item.name }}</view>
<view <view>货场地址：{{ item.address }}</view>
><u-button type="primary" shape="circle" @click="handleJoin" <view
>加入爱梵达</u-button >联系电话：{{ item.owner }} &nbsp;&nbsp;<text
></view @click="callNumber(item.phone)"
> class="active"
>{{ item.phone }} &nbsp;&nbsp;欢迎询价</text
></view
>
</view>
</view> </view>
<view class="mt-30 mb-30">爱梵达智能过磅系统，提升您的经营效率</view> </view>
</uni-grid>
</view> <view style="margin: 60rpx 0rpx 30rpx 0rpx">
</uni-card> <up-gap height="10" bgColor="#F8F8F8"></up-gap>
</view>
<view class="title">合作案例</view>
<view class="mt-30 mb-30">
<uni-grid :column="2" :showBorder="false" :square="false">
<uni-grid-item
class="item"
v-for="(item, index) in serviceItemList"
:key="index"
>
<view>
<image
mode="aspectFill"
:src="`${url}/static/img/steel/${item.path}`"
></image>
</view>
</uni-grid-item>
<view class="mt-30 mb-30" style="width: 60%">
<view
><u-button type="primary" shape="circle" @click="handleJoin"
>加入爱梵达</u-button
></view
>
</view>
<view class="mt-30 mb-30">爱梵达智能过磅系统，提升您的经营效率</view>
</uni-grid>
</view>
</uni-card>
</view>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -79,7 +83,7 @@ const list = ref([
"长期回收废钢（轻一、轻二、轻三、重废、钢板料等）、废纸、泡沫、塑料等，量大价优，欢迎来电咨询。", "长期回收废钢（轻一、轻二、轻三、重废、钢板料等）、废纸、泡沫、塑料等，量大价优，欢迎来电咨询。",
name: "在生万有-中悦犇站", name: "在生万有-中悦犇站",
address: "上海市奉贤区川南奉公路8598号", address: "上海市奉贤区川南奉公路8598号",
owner: '刘先生', owner: "刘先生",
phone: "13651779998", phone: "13651779998",
}, },
{ {
@ -88,7 +92,7 @@ const list = ref([
"长期回收重废、中废、轻废、小废、岩棉板、花盒等，量大价优，欢迎来电咨询。", "长期回收重废、中废、轻废、小废、岩棉板、花盒等，量大价优，欢迎来电咨询。",
name: "上海宽钢公司", name: "上海宽钢公司",
address: "上海市宝山区兰岗路2号门", address: "上海市宝山区兰岗路2号门",
owner: '李女士', owner: "李女士",
phone: "13601647155", phone: "13601647155",
}, },
]); ]);
@ -122,13 +126,14 @@ const handleJoin = () => {
}); });
}; };
const callNumber = (number) => { const callNumber = (number:any) => {
// 判断是否为移动端 // 判断是否为移动端
if ( if (
uni.getSystemInfoSync().platform === "android" || uni.getSystemInfoSync().platform === "android" ||
uni.getSystemInfoSync().platform === "ios" uni.getSystemInfoSync().platform === "ios"
) { ) {
// 在移动端使用内置拨号程序进行拨号 // 在移动端使用内置拨号程序进行拨号
// my.makePhoneCall({ number: '1111111' }); 支付宝
uni.makePhoneCall({ uni.makePhoneCall({
phoneNumber: number, // 电话号码 phoneNumber: number, // 电话号码
success: function () { success: function () {

134
src/pagesVehicle/index.vue
View File

@ -2,76 +2,82 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<CustomSwiper :list="bannerList"> </CustomSwiper> <CustomSwiper :list="bannerList"> </CustomSwiper>
<!-- 入口 --> <!-- 入口 -->
<uni-card <view class="entry-card">
class="entry-card" <uni-card
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'" :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'20px 10px'" :padding="'20px 10px'"
:border="false" :border="false"
> >
<uni-grid :column="4" :showBorder="false" :square="false"> <uni-grid :column="4" :showBorder="false" :square="false">
<uni-grid-item <uni-grid-item v-for="(item, index) in entryItemList" :key="index">
class="item" <view class="item">
v-for="(item, index) in entryItemList" <view @click="handleClick(item)">
:key="index" <view>
> <image :src="`${url}/static/img/vehicle/${item.path}`"></image>
<view @click="handleClick(item)"> </view>
<view> <view>
<image :src="`${url}/static/img/vehicle/${item.path}`"></image> <text class="text">{{ item.name }}</text>
</view>
</view>
</view> </view>
<view> </uni-grid-item>
<text class="text">{{ item.name }}</text> </uni-grid>
</view> </uni-card>
</view> </view>
</uni-grid-item>
</uni-grid>
</uni-card>
<!-- 介绍 --> <!-- 介绍 -->
<uni-card <view class="avatar-card">
class="avatar-card" <uni-card
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'" :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'20px 10px'" :padding="'20px 10px'"
:border="false" :border="false"
> >
<view class="title">服务项目</view> <view class="title">服务项目</view>
<uni-grid :column="2" :showBorder="false" :square="false"> <uni-grid :column="2" :showBorder="false" :square="false">
<uni-grid-item <uni-grid-item
class="item" class="item"
v-for="(item, index) in serviceItemList" v-for="(item, index) in serviceItemList"
:key="index" :key="index"
>
<uni-card
:shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:padding="'0px'"
:margin="'5px'"
:border="false"
> >
<view style="background-color: #e8edff"> <view class="item">
<image <uni-card
mode="aspectFill" :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
:src="`${url}/static/img/vehicle/${item.path}`" :padding="'0px'"
></image> :margin="'5px'"
:border="false"
>
<view style="background-color: #e8edff">
<image
mode="aspectFill"
:src="`${url}/static/img/vehicle/${item.path}`"
></image>
</view>
<view class="text-box">
<text class="text">{{ item.name }}</text>
</view>
</uni-card>
</view> </view>
<view class="text-box"> </uni-grid-item>
<text class="text">{{ item.name }}</text> </uni-grid>
</view>
</uni-card>
</uni-grid-item>
</uni-grid>
<!-- 常见问题 --> <!-- 常见问题 -->
<view class="title mt-20 mb-20">常见问题</view> <view class="title mt-20 mb-20">常见问题</view>
<view class="commonQ"> <view class="commonQ">
<view v-for="(item, index) in questionList" :key="index"> <view v-for="(item, index) in questionList" :key="index">
<view class="question">{{ item.q }}</view> <view class="question">{{ item.q }}</view>
<view class="answer">{{ item.a }}</view> <view class="answer">{{ item.a }}</view>
</view>
</view> </view>
</view>
<view class="other"> <view class="other">
<view>其他问题请咨询客服电话</view> <view>其他问题请咨询客服电话</view>
<view><text @click="callNumber('15150231777')" class="active">15150231777 &nbsp;&nbsp;欢迎咨询</text></view> <view
</view> ><text @click="callNumber('15150231777')" class="active"
</uni-card> >15150231777 &nbsp;&nbsp;欢迎咨询</text
></view
>
</view>
</uni-card>
</view>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -177,7 +183,7 @@ const handleClick = (item: any) => {
}); });
}; };
const callNumber = (number) => { const callNumber = (number: any) => {
// 判断是否为移动端 // 判断是否为移动端
if ( if (
uni.getSystemInfoSync().platform === "android" || uni.getSystemInfoSync().platform === "android" ||

2
src/pagesVehicle/recycleFlow.vue
View File

@ -4,10 +4,8 @@
:padding="'0px'" :padding="'0px'"
:margin="'20px'" :margin="'20px'"
:border="false" :border="false"
:cover="'cover'"
> >
<image <image
slot="cover"
style="height: 680rpx" style="height: 680rpx"
:src="`${url}/static/img/vehicle/flow.png`" :src="`${url}/static/img/vehicle/flow.png`"
mode="'aspectFit'" mode="'aspectFit'"

27
src/static/style/common.scss
View File

@ -72,3 +72,30 @@ body {
.u-empty { .u-empty {
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
.uni-tabbar {
bottom: -10px !important;
}
.custom-tabbar {
background: #ffffff;
// box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 56, 93, 0.12);
border-radius: 13rpx 13rpx 0rpx 0rpx;
border-top: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: space-around;
font-weight: 500;
font-size: 30rpx;
color: #999;
text-align: center;
padding-top: 20rpx;
.custom-img {
width: 48rpx;
height: 48rpx;
}
.active {
color: $u-primary;
}
}