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

feat: 平台兼容性调整

This commit is contained in:
admin 2024-09-14 16:08:23 +08:00
parent 35735c1d80
commit fc1a36ef3b
10 changed files with 309 additions and 263 deletions
Show Stats Download Patch File Download Diff File 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");

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

@ -74,8 +74,7 @@ const handleClick = (item: tabBar) => {
}; };
onLaunch(() => { onLaunch(() => {
//隐藏官方的tabBar
uni.hideTabBar();
}); });
</script> </script>

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

4
src/pages.json
View File

@ -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>

18
src/pagesHome/profile.vue
View File

@ -95,6 +95,24 @@ 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" ||

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

@ -98,9 +98,4 @@ body {
.active { .active {
color: $u-primary; color: $u-primary;
} }
} }
// #ifdef H5
.bottom {
padding-bottom: 30rpx !important;
}
// #endif