|
|
@@ -0,0 +1,476 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <!-- 顶部导航栏 -->
|
|
|
+ <view class="navbar" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
|
|
|
+ <view class="navbar-content">
|
|
|
+ <view class="navbar-left" @click="goBack">
|
|
|
+ <u-icon name="arrow-leftward" size="36" color="#333"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="navbar-title">下载APP</view>
|
|
|
+ <view class="navbar-right"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- <nav-bar title="基本信息"></nav-bar> -->
|
|
|
+
|
|
|
+ <view class="usermain">
|
|
|
+ <view class="main">
|
|
|
+ <view class="flex flex-row flex-centers">
|
|
|
+ <image :src="configdata.h5Url+'/40x40.png'" class="logo"/>
|
|
|
+ <view class="flex flex-box flex-column">
|
|
|
+ <view class="title">亿职赞APP</view>
|
|
|
+ <view class="titles">跨境电商服务平台</view>
|
|
|
+ <view class="flex flex-row flex-centers dowmbox">
|
|
|
+ <view @click="down" class="downbtn flex flex-center">体验</view>
|
|
|
+ <view class="flex flex-column">
|
|
|
+ <view class="ly downnum">999999+次下载</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="ad">
|
|
|
+ <swiper
|
|
|
+ class="custom-swiper"
|
|
|
+ autoplay
|
|
|
+ >
|
|
|
+ <swiper-item v-for="(item,index) in 3">
|
|
|
+ <image
|
|
|
+ :src="'../../static/images/xuanchuan'+(index+1)+'.png'"class="wumen-img"
|
|
|
+ mode="scaleToFill"
|
|
|
+ />
|
|
|
+ </swiper-item
|
|
|
+ >
|
|
|
+ </swiper>
|
|
|
+ </view>
|
|
|
+ <view class="footer-btn" @click="down">
|
|
|
+ <view class="usermain-btn">立即体验</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="show==1||true" @click="shutDown" class="downloadbox" style="position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 1000;background: rgba(000,000,000,0.6);">
|
|
|
+ <image src="../../static/images/tip.png" style="position: fixed;top:30px;right: 30px;width: 80%;" mode="widthFix"/>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import configdata from '../../common/config.js';
|
|
|
+import navBar from "@/components/nav-bar/index.vue";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ navBar
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ statusBarHeight: 0, // 状态栏高度
|
|
|
+ show:0,
|
|
|
+ wx:0,
|
|
|
+ configdata
|
|
|
+ };
|
|
|
+ },
|
|
|
+
|
|
|
+ onLoad(e) {
|
|
|
+ // 获取状态栏高度
|
|
|
+ let systemInfo = uni.getSystemInfoSync();
|
|
|
+ this.statusBarHeight = systemInfo.statusBarHeight || 0;
|
|
|
+ //#ifdef H5
|
|
|
+ var ua = window.navigator.userAgent.toLowerCase();
|
|
|
+ if (ua.match(/MicroMessenger/i) == 'micromessenger') {
|
|
|
+ this.wx=1
|
|
|
+ }
|
|
|
+ //#endif
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 返回上一页
|
|
|
+ goBack() {
|
|
|
+ uni.reLaunch({url:'index'});
|
|
|
+ },
|
|
|
+ down:function(){
|
|
|
+ //#ifndef H5
|
|
|
+ return;
|
|
|
+ //#endif
|
|
|
+ var that=this
|
|
|
+ var ua = window.navigator.userAgent.toLowerCase();
|
|
|
+ if (ua.match(/MicroMessenger/i) == 'micromessenger') {
|
|
|
+ var u = navigator.userAgent;
|
|
|
+ if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机
|
|
|
+ that.show=1
|
|
|
+ } else if (u.indexOf('iPhone') > -1) { //苹果手机
|
|
|
+ this.$queue.showToast('ios系统请在APPStore搜索“亿职赞”')
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ var u = navigator.userAgent;
|
|
|
+ if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机
|
|
|
+ // 小米应用商店
|
|
|
+ if (ua.match(/mi\s/i) == 'mi ') {
|
|
|
+ window.location.href = 'https://app.mi.com/details?id=uni.app.UNI0B0096D';
|
|
|
+
|
|
|
+ // vivo应用商店
|
|
|
+ } else if (ua.match(/vivo/i) == 'vivo') {
|
|
|
+ window.location.href = 'https://h5coml.vivo.com.cn/h5coml/appdetail_h5/browser_v2/index.html?appId=3629014';
|
|
|
+ return this.$queue.showToast('vivo系统请在应用商店搜索“亿职赞”')
|
|
|
+ // OPPO应用商店
|
|
|
+ } else if (ua.match(/oppo/i) == 'oppo') {
|
|
|
+ window.location.href = 'https://api.appstore.oppomobile.com/app/detail?packageName=uni.app.UNI0B0096D';
|
|
|
+
|
|
|
+ // 荣耀应用商店
|
|
|
+ } else if (ua.match(/honor/i) == 'honor') {
|
|
|
+ window.location.href = 'https://appgallery.huawei.com/app/C116155907'; // 替换为实际应用ID
|
|
|
+
|
|
|
+ // 华为应用市场
|
|
|
+ } else if (ua.match(/huawei/i) == 'huawei') {
|
|
|
+ window.location.href = 'https://appgallery.huawei.com/app/C116155907'; // 替换为实际应用ID
|
|
|
+
|
|
|
+ // 三星应用商店
|
|
|
+ } else if (ua.match(/samsung/i) == 'samsung') {
|
|
|
+ window.location.href = 'https://galaxystore.samsung.com/detail/uni.app.UNI0B0096D';
|
|
|
+
|
|
|
+ // 魅族应用商店
|
|
|
+ } else if (ua.match(/meizu/i) == 'meizu') {
|
|
|
+ window.location.href = 'https://app.meizu.com/apps/uni.app.UNI0B0096D';
|
|
|
+
|
|
|
+
|
|
|
+ // 默认跳转（Google Play或官方下载页）
|
|
|
+ } else {
|
|
|
+ window.location.href = 'https://play.google.com/store/apps/details?id=uni.app.UNI0B0096D';
|
|
|
+ }
|
|
|
+
|
|
|
+ } else if (u.indexOf('iPhone') > -1) { //苹果手机
|
|
|
+ this.$queue.showToast('ios系统请在APPStore搜索“亿职赞”')
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ shutDown(){
|
|
|
+ this.show=0;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+page {
|
|
|
+ /* background: #1c1b20; */
|
|
|
+}
|
|
|
+.footer-btn {
|
|
|
+ margin-top: 40rpx;
|
|
|
+ padding-bottom: 40rpx;
|
|
|
+}
|
|
|
+.custom-swiper{
|
|
|
+ width: 92%;
|
|
|
+ height: 120vw;
|
|
|
+ margin:40rpx auto
|
|
|
+}
|
|
|
+.wumen-img{
|
|
|
+ width: 60vw;
|
|
|
+ height: 120vw;
|
|
|
+ margin:0 auto;
|
|
|
+ display: block;
|
|
|
+ border-radius: 30rpx;
|
|
|
+}
|
|
|
+.footer-btn .usermain-btn {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ background: rgba(1, 107, 246, 1);
|
|
|
+ text-align: center;
|
|
|
+ width: 90%;
|
|
|
+ height: 80rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+ margin: 20rpx auto;
|
|
|
+ border-radius: 40rpx;
|
|
|
+}
|
|
|
+.navbar {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 999;
|
|
|
+ background: #fff;
|
|
|
+ padding: 0 0 40rpx 20rpx;
|
|
|
+
|
|
|
+ .navbar-content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 30rpx;
|
|
|
+ height: 88rpx;
|
|
|
+
|
|
|
+ .navbar-left {
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .navbar-title {
|
|
|
+ color: rgba(23, 23, 37, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 52rpx;
|
|
|
+ letter-spacing: 0%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .navbar-right {
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.usermain {
|
|
|
+ background: #ffffff;
|
|
|
+ /* color: #fff; */
|
|
|
+ padding-top: 120rpx;
|
|
|
+ /* 为固定导航栏留出空间 */
|
|
|
+}
|
|
|
+.flex {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-centers {
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-centerss {
|
|
|
+ justify-content: center;
|
|
|
+ -webkit-justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-centersss {
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-center {
|
|
|
+ justify-content: center;
|
|
|
+ -webkit-justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-space {
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-column {
|
|
|
+ flex-direction: column;
|
|
|
+ -webkit-flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-around {
|
|
|
+ justify-content: space-around;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-row {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .flex-start {
|
|
|
+ justify-content: flex-start;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-end {
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-end-align {
|
|
|
+ align-items: flex-end;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .flex-wrap {
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-img {
|
|
|
+ flex: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-wrap {
|
|
|
+ word-wrap: break-word;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-hiddle {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ /*超出1行隐藏 */
|
|
|
+ .flex-hidden {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*超出两行隐藏 */
|
|
|
+
|
|
|
+ .flex-hiddens {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*超出3行隐藏 */
|
|
|
+ .flex-hiddenss {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-center {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-box {
|
|
|
+ -webkit-box-flex: 1;
|
|
|
+ -ms-flex: 1;
|
|
|
+ flex: 1;
|
|
|
+ -moz-box-flex: 1.0;
|
|
|
+ /* Firefox */
|
|
|
+ -webkit-box-flex: 1.0;
|
|
|
+ /* Safari 和 Chrome */
|
|
|
+ box-flex: 1.0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-strech {
|
|
|
+ align-items: stretch;
|
|
|
+ }
|
|
|
+
|
|
|
+ .downloadbox {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .main {
|
|
|
+ padding:38rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .logo {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ margin-right: 32rpx;
|
|
|
+ border-radius: 15rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #1F1F1E;
|
|
|
+ }
|
|
|
+
|
|
|
+ .titles {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #B6B6B6;
|
|
|
+ padding:5px 0
|
|
|
+ }
|
|
|
+
|
|
|
+ .dowmbox {
|
|
|
+ margin-top: 0.2rpx;
|
|
|
+ }
|
|
|
+ .downbtn {
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #ffffff;
|
|
|
+ width: 130rpx;
|
|
|
+ padding: 10rpx 0;
|
|
|
+ background: #3478F6;
|
|
|
+ border-radius: 32rpx;
|
|
|
+ margin-right: 13rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ly {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #919194;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ptitle {
|
|
|
+ font-size: 0.35rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #1F1F1E;
|
|
|
+ margin-top: 0.3rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ptitles {
|
|
|
+ font-size: 0.35rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #1F1F1E;
|
|
|
+ margin-top: 0.2rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgbox {
|
|
|
+ overflow-x: scroll;
|
|
|
+ margin-top: 0.13rpx;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ms {
|
|
|
+ margin-top: 0.13rpx;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btnbox {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ background: #ffffff;
|
|
|
+ padding: 0.38rpx 0 0.38rpx;
|
|
|
+ z-index: 2;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dbtn {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #f0f0f0;
|
|
|
+ width: 6.41rpx;
|
|
|
+ height: 0.96rpx;
|
|
|
+ background: #44D7B6;
|
|
|
+ border-radius: 48px 48px 48px 48px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bq {
|
|
|
+ font-size: 0.22rpx;
|
|
|
+ color: #B6B6B6;
|
|
|
+ margin-top: 0.13rpx;
|
|
|
+ }
|
|
|
+ .mini{
|
|
|
+ width:40vw;
|
|
|
+ max-width:300px;
|
|
|
+ margin:10px auto;
|
|
|
+ display:block
|
|
|
+ }
|
|
|
+ .small{
|
|
|
+ width:fit-content;
|
|
|
+ padding:10px 20px;
|
|
|
+ border-radius:5px;
|
|
|
+ border:1px solid #44D7B6;
|
|
|
+ color:#333;
|
|
|
+ font-size:20px;
|
|
|
+ margin:10px 0;
|
|
|
+ text-decoration:none;
|
|
|
+ display:flex
|
|
|
+ }
|
|
|
+ .minilogo{
|
|
|
+ width:20px;
|
|
|
+ margin-right:5px;
|
|
|
+ align-self:center
|
|
|
+ }
|
|
|
+</style>
|
