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

Compare commits

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

No commits in common. "fc1a36ef3b54399c9cea5f4c1c62a1c0bbf4420f" and "04fbcd6449c93fcc642e7c650a220a56cdfb133d" have entirely different histories.
fc1a36ef3b ... 04fbcd6449

12 changed files with 271 additions and 357 deletions
Show Stats Expand all files Collapse all files

18
src/App.vue
View File

@ -3,23 +3,7 @@ import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
onLaunch(() => { onLaunch(() => {
//隐藏官方的tabBar //隐藏官方的tabBar
// #ifdef MP-ALIPAY // uni.hideTabBar();
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,7 +37,6 @@ 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;
@ -54,7 +53,6 @@ uni.getSystemInfo({
50; 50;
}, },
}); });
// #endif
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -67,7 +65,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,22 +1,17 @@
<template> <template>
<!-- 工作台底部菜单 --> <!-- 工作台底部菜单 -->
<view class="custom-tabbar"> <view class="custom-tabbar">
<view <view v-for="item in state.list" :key="item.text" @click="handleClick(item)">
v-for="item in state.list"
:key="item.text"
@click="handleClick(item)"
>
<view> <view>
<image <image
:src="`${url}/static/img/tabbar/${ :src="`${url}/static/img/tabbar/${select === item.text ? item.activeIcon : item.icon}`"
select === item.text ? item.activeIcon : item.icon class="custom-img"
}`" ></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
@ -74,7 +69,8 @@ const handleClick = (item: tabBar) => {
}; };
onLaunch(() => { onLaunch(() => {
//隐藏官方的tabBar
uni.hideTabBar();
}); });
</script> </script>
@ -83,7 +79,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,8 +86,7 @@
"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": "我的"
} }
] ]
}, },

153
src/pagesBattery/index.vue
View File

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

113
src/pagesHome/index.vue
View File

@ -3,64 +3,63 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<CustomSwiper> </CustomSwiper> <CustomSwiper> </CustomSwiper>
<!-- 入口 --> <!-- 入口 -->
<view class="entry-card"> <uni-card
<uni-card class="entry-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 v-for="(item, index) in entryItemList" :key="index"> <uni-grid-item
<view class="item"> class="item"
<view @click="handleClick(item)"> v-for="(item, index) in entryItemList"
<view> :key="index"
<image :src="`${url}/static/img/${item.path}`"></image> >
</view> <view @click="handleClick(item)">
<view> <view>
<text class="text">{{ item.name }}</text> <image :src="`${url}/static/img/${item.path}`"></image>
</view>
</view>
</view> </view>
</uni-grid-item> <view>
</uni-grid> <text class="text">{{ item.name }}</text>
</uni-card> </view>
</view> </view>
</uni-grid-item>
</uni-grid>
</uni-card>
<!-- 介绍 --> <!-- 介绍 -->
<view class="avatar-card"> <uni-card
<uni-card class="avatar-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>
@ -137,7 +136,7 @@ const handleClick = (item: any) => {
padding: 0px !important; padding: 0px !important;
} }
image + image { image + image {
margin-top: -14rpx; margin-top: -12rpx;
} }
} }
</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,10 +65,8 @@ 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/${isWX && (item === '在生万有隐私政策') ? 'weixin/' : ''}${item}.docx`, url: `${url}/static/${item}.docx`,
success: function (res) { success: function (res) {
setTimeout( setTimeout(
() => () =>
@ -94,25 +92,6 @@ 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>

111
src/pagesScrapSteel/index.vue
View File

@ -2,68 +2,64 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<CustomSwiper :list="bannerList"> </CustomSwiper> <CustomSwiper :list="bannerList"> </CustomSwiper>
<!-- 介绍 --> <!-- 介绍 -->
<view class="avatar-card"> <uni-card
<uni-card class="avatar-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>
<view class="text"> </uni-grid-item>
<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"> <view class="mt-30 mb-30" style="width: 60%">
<up-gap height="10" bgColor="#F8F8F8"></up-gap> <view
</view> ><u-button type="primary" shape="circle" @click="handleJoin"
>加入爱梵达</u-button
<view class="title">合作案例</view> ></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 </view>
mode="aspectFill" <view class="mt-30 mb-30">爱梵达智能过磅系统，提升您的经营效率</view>
:src="`${url}/static/img/steel/${item.path}`" </uni-grid>
></image> </view>
</view> </uni-card>
</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">
@ -83,7 +79,7 @@ const list = ref([
"长期回收废钢（轻一、轻二、轻三、重废、钢板料等）、废纸、泡沫、塑料等，量大价优，欢迎来电咨询。", "长期回收废钢（轻一、轻二、轻三、重废、钢板料等）、废纸、泡沫、塑料等，量大价优，欢迎来电咨询。",
name: "在生万有-中悦犇站", name: "在生万有-中悦犇站",
address: "上海市奉贤区川南奉公路8598号", address: "上海市奉贤区川南奉公路8598号",
owner: "刘先生", owner: '刘先生',
phone: "13651779998", phone: "13651779998",
}, },
{ {
@ -92,7 +88,7 @@ const list = ref([
"长期回收重废、中废、轻废、小废、岩棉板、花盒等，量大价优，欢迎来电咨询。", "长期回收重废、中废、轻废、小废、岩棉板、花盒等，量大价优，欢迎来电咨询。",
name: "上海宽钢公司", name: "上海宽钢公司",
address: "上海市宝山区兰岗路2号门", address: "上海市宝山区兰岗路2号门",
owner: "李女士", owner: '李女士',
phone: "13601647155", phone: "13601647155",
}, },
]); ]);
@ -126,14 +122,13 @@ const handleJoin = () => {
}); });
}; };
const callNumber = (number:any) => { const callNumber = (number) => {
// 判断是否为移动端 // 判断是否为移动端
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 () {

138
src/pagesVehicle/index.vue
View File

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

2
src/pagesVehicle/recycleFlow.vue
View File

@ -4,8 +4,10 @@
: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,30 +72,3 @@ 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;
}
}