Browse Source
Merge branch 'devlop' of http://git.qniao.cn/dengxiongfei/paper-shopkeeper-app into devlop
devlop
Merge branch 'devlop' of http://git.qniao.cn/dengxiongfei/paper-shopkeeper-app into devlop
devlop
25 changed files with 618 additions and 485 deletions
Unified View
Diff Options
-
30App.vue
-
5apis/commonApi.js
-
390pages/account-management/index.vue
-
60pages/add-paper/index.vue
-
2pages/client-credit-list/index.vue
-
1pages/client-credit/index.vue
-
10pages/client-detail/base-paper-deals.vue
-
2pages/client-detail/equipment-information.vue
-
2pages/client-list/index.vue
-
4pages/contract-manage/index.vue
-
2pages/credit-order-list/index.vue
-
4pages/follow-up-records/index.vue
-
8pages/guarantee-agreement/index.vue
-
87pages/mall/index.vue
-
1pages/order-detail/index.vue
-
81pages/paper-detail/index.vue
-
354pages/start-page/index.vue
-
4pages/trade/index.vue
-
2pages/trade/orderList.vue
-
2pages/trade/quotationList.vue
-
BINstatic/imgs/start-page/dzqy.png
-
BINstatic/imgs/start-page/ht.png
-
BINstatic/imgs/start-page/rz.png
-
BINstatic/imgs/start-page/zx.png
-
52utils/hook.js
@ -1,206 +1,210 @@ |
|||||
<template> |
<template> |
||||
<view class="account-management"> |
|
||||
<view> |
|
||||
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title=""> |
|
||||
<view class="account-management-title">账号管理</view> |
|
||||
<view slot="left"></view> |
|
||||
<view slot="right" class="add-account" @click="addAccount">添加账号</view> |
|
||||
</uni-nav-bar> |
|
||||
</view> |
|
||||
<view class=""> |
|
||||
<scroll-list style="touch-action: none" ref="orderRef" :option="orderOption" @load="orderUp" @refresh="orderDown"> |
|
||||
<view class="account-list" v-for="(item,index) in list" :key="index"> |
|
||||
<view class="account-iamge-width"><image class="list-image" src="../../static/imgs/client-credit-list/client-default.png" mode=""></image></view> |
|
||||
<view class="account-text"> |
|
||||
<view class="account-name"><text>{{item.name}}-{{item.title}}</text></view> |
|
||||
<view class="account-phone"><text>{{item.mobile}}</text></view> |
|
||||
</view> |
|
||||
<view class="account-delete" @click="deleteAccount(item)"><text>删除账号</text></view> |
|
||||
</view> |
|
||||
</scroll-list> |
|
||||
</view> |
|
||||
<uni-popup ref="popup" type="dialog"> |
|
||||
<uni-popup-dialog type="info" mode="base" title="确认删除该账号?" :duration="2000" :before-close="true" @close="close" @confirm="confirm"> |
|
||||
<view class="account-dialog-text"> |
|
||||
<text>账号删除后无法在使用系统,请谨慎操作</text> |
|
||||
</view> |
|
||||
</uni-popup-dialog> |
|
||||
</uni-popup> |
|
||||
</view> |
|
||||
|
<view class="account-management"> |
||||
|
<view> |
||||
|
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title=""> |
||||
|
<view class="account-management-title">账号管理</view> |
||||
|
<view slot="left"></view> |
||||
|
<view slot="right" class="add-account" @click="addAccount">添加账号</view> |
||||
|
</uni-nav-bar> |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<scroll-list style="touch-action: none" ref="orderRef" :option="orderOption" @load="orderUp" @refresh="orderDown"> |
||||
|
<view class="account-list" v-for="(item, index) in list" :key="index"> |
||||
|
<view class="account-iamge-width"><image class="list-image" src="../../static/imgs/client-credit-list/client-default.png" mode=""></image></view> |
||||
|
<view class="account-text"> |
||||
|
<view class="account-name"> |
||||
|
<text>{{ item.name }}-{{ item.title }}</text> |
||||
|
</view> |
||||
|
<view class="account-phone"> |
||||
|
<text>{{ item.mobile }}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="account-delete" @click="deleteAccount(item)"><text>删除账号</text></view> |
||||
|
</view> |
||||
|
</scroll-list> |
||||
|
</view> |
||||
|
<uni-popup ref="popup" type="dialog"> |
||||
|
<uni-popup-dialog type="info" mode="base" title="确认删除该账号?" :duration="2000" :before-close="true" @close="close" @confirm="confirm"> |
||||
|
<view class="account-dialog-text"> |
||||
|
<text>账号删除后无法在使用系统,请谨慎操作</text> |
||||
|
</view> |
||||
|
</uni-popup-dialog> |
||||
|
</uni-popup> |
||||
|
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { back, go2, uploadFile } from '@/utils/hook.js' |
import { back, go2, uploadFile } from '@/utils/hook.js' |
||||
import { employeeList,deleteEmployee } from '@/apis/setting.js' |
|
||||
|
import { employeeList, deleteEmployee } from '@/apis/setting.js' |
||||
export default { |
export default { |
||||
data() { |
|
||||
return { |
|
||||
orderOption: { |
|
||||
size: 10, |
|
||||
auto: true, |
|
||||
emptyText: '暂无用户~', |
|
||||
background: '#F7F8FA', |
|
||||
fontSize: '40rpx', |
|
||||
emptyImage: '/static/imgs/order/order-empty.png' |
|
||||
}, |
|
||||
params: { |
|
||||
asc: '', |
|
||||
desc: '', |
|
||||
enterpriseId: this.$store.state.supplierInfo.id, |
|
||||
}, |
|
||||
pagination: { |
|
||||
pageNum: 0, // 初始会执行一次下拉加载 |
|
||||
pageSize: 10 |
|
||||
}, |
|
||||
list:[], |
|
||||
deleteId:'' |
|
||||
} |
|
||||
}, |
|
||||
onShow() { |
|
||||
this.getList() |
|
||||
}, |
|
||||
methods: { |
|
||||
back, |
|
||||
addAccount() { |
|
||||
go2('add-account') |
|
||||
}, |
|
||||
deleteAccount(item){ |
|
||||
// deleteEmployee |
|
||||
this.$refs.popup.open() |
|
||||
this.deleteId = item.id |
|
||||
}, |
|
||||
confirm(){ |
|
||||
var params= { |
|
||||
id:this.deleteId, |
|
||||
enterpriseId: this.$store.state.supplierInfo.id, |
|
||||
} |
|
||||
deleteEmployee(params) |
|
||||
.then(res => { |
|
||||
if (res) { |
|
||||
uni.showToast({ |
|
||||
title: '删除成功', |
|
||||
icon: 'success' |
|
||||
}) |
|
||||
this.close() |
|
||||
} |
|
||||
}) |
|
||||
.catch(err => { |
|
||||
reject(err) |
|
||||
}) |
|
||||
}, |
|
||||
close(){ |
|
||||
this.$refs.popup.close() |
|
||||
}, |
|
||||
// 获取用户列表 |
|
||||
getList() { |
|
||||
return new Promise((resolve, reject) => { |
|
||||
employeeList({ ...this.params, ...this.pagination }) |
|
||||
.then(res => { |
|
||||
if (res) { |
|
||||
if (this.pagination.pageNum == 1) { |
|
||||
this.list = res.records |
|
||||
} else { |
|
||||
this.list = this.list.concat(res.records) |
|
||||
} |
|
||||
resolve({ list: this.list, total: res.total }) |
|
||||
} else { |
|
||||
reject() |
|
||||
} |
|
||||
}) |
|
||||
.catch(err => { |
|
||||
reject(err) |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
//用户分页 |
|
||||
orderUp(page) { |
|
||||
this.pagination.pageNum++ |
|
||||
this.getList() |
|
||||
.then(({ list, total }) => { |
|
||||
this.$refs.orderRef.refreshSuccess({ list, total }) |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
this.$refs.orderRef.loadFail() |
|
||||
}) |
|
||||
}, |
|
||||
//用户分页 |
|
||||
orderDown() { |
|
||||
this.pagination.pageNum = 1 |
|
||||
this.getList() |
|
||||
.then(({ list, total }) => { |
|
||||
this.$refs.orderRef.refreshSuccess({ list, total }) |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
this.$refs.orderRef.refreshFail() |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
|
data() { |
||||
|
return { |
||||
|
orderOption: { |
||||
|
size: 10, |
||||
|
auto: true, |
||||
|
emptyText: '暂无用户~', |
||||
|
background: '#F7F8FA', |
||||
|
fontSize: '40rpx', |
||||
|
emptyImage: '/static/imgs/order/order-empty.png' |
||||
|
}, |
||||
|
params: { |
||||
|
asc: '', |
||||
|
desc: '', |
||||
|
enterpriseId: this.$store.state.supplierInfo.id |
||||
|
}, |
||||
|
pagination: { |
||||
|
pageNum: 0, // 初始会执行一次下拉加载 |
||||
|
pageSize: 10 |
||||
|
}, |
||||
|
list: [], |
||||
|
deleteId: '' |
||||
|
} |
||||
|
}, |
||||
|
onShow() { |
||||
|
this.getList() |
||||
|
}, |
||||
|
methods: { |
||||
|
back, |
||||
|
addAccount() { |
||||
|
go2('add-account') |
||||
|
}, |
||||
|
deleteAccount(item) { |
||||
|
// deleteEmployee |
||||
|
this.$refs.popup.open() |
||||
|
this.deleteId = item.id |
||||
|
}, |
||||
|
confirm() { |
||||
|
var params = { |
||||
|
id: this.deleteId, |
||||
|
enterpriseId: this.$store.state.supplierInfo.id |
||||
|
} |
||||
|
deleteEmployee(params) |
||||
|
.then((res) => { |
||||
|
if (res) { |
||||
|
uni.showToast({ |
||||
|
title: '删除成功', |
||||
|
icon: 'success' |
||||
|
}) |
||||
|
this.close() |
||||
|
} |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
reject(err) |
||||
|
}) |
||||
|
}, |
||||
|
close() { |
||||
|
this.$refs.popup.close() |
||||
|
}, |
||||
|
// 获取用户列表 |
||||
|
getList() { |
||||
|
return new Promise((resolve, reject) => { |
||||
|
employeeList({ ...this.params, ...this.pagination }) |
||||
|
.then((res) => { |
||||
|
if (res) { |
||||
|
if (res.current == 1) { |
||||
|
this.list = res.records |
||||
|
} else { |
||||
|
this.list = this.list.concat(res.records) |
||||
|
} |
||||
|
resolve({ list: this.list, total: res.total }) |
||||
|
} else { |
||||
|
reject() |
||||
|
} |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
reject(err) |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
//用户分页 |
||||
|
orderUp(page) { |
||||
|
this.pagination.pageNum++ |
||||
|
this.getList() |
||||
|
.then(({ list, total }) => { |
||||
|
this.$refs.orderRef.refreshSuccess({ list, total }) |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.$refs.orderRef.loadFail() |
||||
|
}) |
||||
|
}, |
||||
|
//用户分页 |
||||
|
orderDown() { |
||||
|
this.pagination.pageNum = 1 |
||||
|
this.getList() |
||||
|
.then(({ list, total }) => { |
||||
|
this.$refs.orderRef.refreshSuccess({ list, total }) |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.$refs.orderRef.refreshFail() |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss"> |
<style lang="scss"> |
||||
.account-management { |
.account-management { |
||||
.account-management-title { |
|
||||
width: 100%; |
|
||||
font-size: 36rpx; |
|
||||
color: #000000; |
|
||||
letter-spacing: 0; |
|
||||
text-align: center; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.add-account { |
|
||||
font-size: 28rpx; |
|
||||
color: #007aff; |
|
||||
text-align: right; |
|
||||
line-height: 40rpx; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.list-image { |
|
||||
width: 100rpx; |
|
||||
height: 100rpx; |
|
||||
border-radius: 50rpx; |
|
||||
} |
|
||||
.account-list { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
height: 148rpx; |
|
||||
background-color: #ffffff; |
|
||||
} |
|
||||
.account-name { |
|
||||
font-size: 30rpx; |
|
||||
color: #333333; |
|
||||
letter-spacing: 0; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.account-phone { |
|
||||
font-size: 26rpx; |
|
||||
color: #888888; |
|
||||
letter-spacing: 0; |
|
||||
text-align: left; |
|
||||
line-height: 32rpx; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
.account-delete { |
|
||||
font-size: 28rpx; |
|
||||
color: #f5222d; |
|
||||
text-align: right; |
|
||||
line-height: 40rpx; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
.account-text { |
|
||||
width: 60%; |
|
||||
line-height: 60rpx; |
|
||||
} |
|
||||
.account-iamge-width { |
|
||||
margin-left: 32rpx; |
|
||||
width: 15%; |
|
||||
} |
|
||||
.account-dialog-text{ |
|
||||
font-size: 28rpx; |
|
||||
color: #969799; |
|
||||
text-align: center; |
|
||||
line-height: 40rpx; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
|
.account-management-title { |
||||
|
width: 100%; |
||||
|
font-size: 36rpx; |
||||
|
color: #000000; |
||||
|
letter-spacing: 0; |
||||
|
text-align: center; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
.add-account { |
||||
|
font-size: 28rpx; |
||||
|
color: #007aff; |
||||
|
text-align: right; |
||||
|
line-height: 40rpx; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
.list-image { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
border-radius: 50rpx; |
||||
|
} |
||||
|
.account-list { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
height: 148rpx; |
||||
|
background-color: #ffffff; |
||||
|
} |
||||
|
.account-name { |
||||
|
font-size: 30rpx; |
||||
|
color: #333333; |
||||
|
letter-spacing: 0; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
.account-phone { |
||||
|
font-size: 26rpx; |
||||
|
color: #888888; |
||||
|
letter-spacing: 0; |
||||
|
text-align: left; |
||||
|
line-height: 32rpx; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.account-delete { |
||||
|
font-size: 28rpx; |
||||
|
color: #f5222d; |
||||
|
text-align: right; |
||||
|
line-height: 40rpx; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.account-text { |
||||
|
width: 60%; |
||||
|
line-height: 60rpx; |
||||
|
} |
||||
|
.account-iamge-width { |
||||
|
margin-left: 32rpx; |
||||
|
width: 15%; |
||||
|
} |
||||
|
.account-dialog-text { |
||||
|
font-size: 28rpx; |
||||
|
color: #969799; |
||||
|
text-align: center; |
||||
|
line-height: 40rpx; |
||||
|
font-weight: 400; |
||||
|
} |
||||
} |
} |
||||
</style> |
</style> |
||||
@ -1,191 +1,189 @@ |
|||||
<template> |
<template> |
||||
<view class=""> |
|
||||
<view class="start-page"> |
|
||||
<view class="view-lineHight"><image class="topImage" src="../../static/imgs/start-page/bkTop.png" mode=""></image></view> |
|
||||
<view class="page-jump" @click="jumpLogin"><text>跳过</text></view> |
|
||||
<view class="page1"> |
|
||||
<swiper |
|
||||
class="swiper" |
|
||||
:current="current" |
|
||||
@change="currentChange" |
|
||||
@transition="transition" |
|
||||
:style="pageHight" |
|
||||
:indicator-dots="indicatorDots" |
|
||||
:autoplay="autoplay" |
|
||||
:interval="interval" |
|
||||
:duration="duration" |
|
||||
> |
|
||||
<swiper-item v-for="(swiper, swiperIndex) in pageText" :key="swiperIndex"> |
|
||||
<view class="swiper-item uni-bg-red"> |
|
||||
<view class="page-top"> |
|
||||
<view class="page-text"> |
|
||||
<text>{{ swiper.text }}</text> |
|
||||
</view> |
|
||||
<view class="page-title"> |
|
||||
<text>{{ swiper.title }}</text> |
|
||||
</view> |
|
||||
<view class="page-subtitle"> |
|
||||
<text>{{ swiper.subTitle }}</text> |
|
||||
</view> |
|
||||
<image class="" :src="swiper.image" mode=""></image> |
|
||||
</view> |
|
||||
</view> |
|
||||
</swiper-item> |
|
||||
</swiper> |
|
||||
<view class="index-point"><view v-for="(items, index) in pageText" :class="current === index ? 'indexs-check' : 'indexs-nocheck'"></view></view> |
|
||||
<view class="page-btn-class" v-if="current === pageText.length - 1"><button @click="jumpLogin" class="page-btn" type="default">立即开启</button></view> |
|
||||
</view> |
|
||||
|
<view class=""> |
||||
|
<view class="start-page"> |
||||
|
<view class="view-lineHight"><image class="topImage" src="../../static/imgs/start-page/bkTop.png" mode=""></image></view> |
||||
|
<view class="page-jump" @click="jumpLogin"><text>跳过</text></view> |
||||
|
<view class="page1"> |
||||
|
<swiper |
||||
|
class="swiper" |
||||
|
:current="current" |
||||
|
@change="currentChange" |
||||
|
@transition="transition" |
||||
|
:style="{ height: '100vh' }" |
||||
|
:indicator-dots="indicatorDots" |
||||
|
:autoplay="autoplay" |
||||
|
:interval="interval" |
||||
|
:duration="duration" |
||||
|
> |
||||
|
<swiper-item v-for="(swiper, swiperIndex) in pageText" :key="swiperIndex"> |
||||
|
<view class="swiper-item uni-bg-red"> |
||||
|
<view class="page-top"> |
||||
|
<view class="page-text"> |
||||
|
<text>{{ swiper.text }}</text> |
||||
|
</view> |
||||
|
<view class="page-title"> |
||||
|
<text>{{ swiper.title }}</text> |
||||
|
</view> |
||||
|
<view class="page-subtitle"> |
||||
|
<text>{{ swiper.subTitle }}</text> |
||||
|
</view> |
||||
|
<image class="" :src="swiper.image" mode=""></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</swiper-item> |
||||
|
</swiper> |
||||
|
<view class="index-point"> |
||||
|
<view v-for="(items, index) in pageText" :key="index" :class="current === index ? 'indexs-check' : 'indexs-nocheck'"></view> |
||||
|
</view> |
||||
|
<view class="page-btn-class" v-if="current === pageText.length - 1"><button @click="jumpLogin" class="page-btn" type="default">立即开启</button></view> |
||||
|
</view> |
||||
|
|
||||
<view class="view-lineHight"><image class="topImage bottom-image" src="../../static/imgs/start-page/bkBottom.png" mode=""></image></view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
<view class="view-lineHight"><image class="topImage bottom-image" src="../../static/imgs/start-page/bkBottom.png" mode=""></image></view> |
||||
|
</view> |
||||
|
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { back, go2, uploadFile } from '@/utils/hook.js' |
|
||||
|
import { go2 } from '@/utils/hook.js' |
||||
export default { |
export default { |
||||
data() { |
|
||||
return { |
|
||||
current: 0, |
|
||||
mode: 'round', |
|
||||
pageHight: 0, |
|
||||
background: ['color1', 'color2', 'color3'], |
|
||||
indicatorDots: false, |
|
||||
autoplay: true, |
|
||||
interval: 1500, |
|
||||
duration: 500, |
|
||||
pageText: [ |
|
||||
{ |
|
||||
text: '', |
|
||||
title: '账期订单融资', |
|
||||
subTitle: '给客户更便宜的价格,更大的销售额', |
|
||||
image: '../../static/imgs/start-page/rz.png' |
|
||||
}, |
|
||||
{ |
|
||||
text: '', |
|
||||
title: '征信管理', |
|
||||
subTitle: '具有客户更丰富多维的征信数据', |
|
||||
image: '../../static/imgs/start-page/zx.png' |
|
||||
}, |
|
||||
{ |
|
||||
text: '', |
|
||||
title: '电子签约', |
|
||||
subTitle: '避免交易过程可能的纠纷', |
|
||||
image: '../../static/imgs/start-page/dzqy.png' |
|
||||
}, |
|
||||
{ |
|
||||
text: '全新纸掌柜', |
|
||||
title: '智能合同', |
|
||||
subTitle: '实现合同同步的财务履约能力', |
|
||||
image: '../../static/imgs/start-page/ht.png' |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
currentChange(item) { |
|
||||
this.current = item.detail.current |
|
||||
}, |
|
||||
transition(item){ |
|
||||
if(this.current === this.pageText.length - 1){ |
|
||||
this.autoplay = false |
|
||||
} |
|
||||
}, |
|
||||
jumpLogin(){ |
|
||||
go2('client') |
|
||||
} |
|
||||
}, |
|
||||
onLoad() { |
|
||||
this.pageHight = 'height:' + (window.screen.height - 60) + 'px' |
|
||||
console.log(this.pageHight) |
|
||||
} |
|
||||
|
data() { |
||||
|
return { |
||||
|
current: 0, |
||||
|
mode: 'round', |
||||
|
background: ['color1', 'color2', 'color3'], |
||||
|
indicatorDots: false, |
||||
|
autoplay: true, |
||||
|
interval: 2500, |
||||
|
duration: 500, |
||||
|
pageText: [ |
||||
|
{ |
||||
|
text: '', |
||||
|
title: '账期订单融资', |
||||
|
subTitle: '给客户更便宜的价格,更大的销售额', |
||||
|
image: 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/start-page-rz.png' |
||||
|
}, |
||||
|
{ |
||||
|
text: '', |
||||
|
title: '征信管理', |
||||
|
subTitle: '具有客户更丰富多维的征信数据', |
||||
|
image: 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/start-page-zx.png' |
||||
|
}, |
||||
|
{ |
||||
|
text: '', |
||||
|
title: '电子签约', |
||||
|
subTitle: '避免交易过程可能的纠纷', |
||||
|
image: 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/start-page-dzqy.png' |
||||
|
}, |
||||
|
{ |
||||
|
text: '全新纸掌柜', |
||||
|
title: '智能合同', |
||||
|
subTitle: '实现合同同步的财务履约能力', |
||||
|
image: 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/start-page-ht.png' |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
currentChange(item) { |
||||
|
this.current = item.detail.current |
||||
|
}, |
||||
|
transition(item) { |
||||
|
if (this.current === this.pageText.length - 1) { |
||||
|
this.autoplay = false |
||||
|
} |
||||
|
}, |
||||
|
jumpLogin() { |
||||
|
uni.setStorageSync('hasLaunch', '1') |
||||
|
go2('client') |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss"> |
<style lang="scss"> |
||||
.start-page { |
.start-page { |
||||
.topImage { |
|
||||
width: 100%; |
|
||||
height: 72rpx; |
|
||||
} |
|
||||
.view-lineHight { |
|
||||
line-height: 0rpx; |
|
||||
} |
|
||||
.bottom-image { |
|
||||
position: absolute; |
|
||||
bottom: 0rpx; |
|
||||
} |
|
||||
.page1 { |
|
||||
background-color: #e7eeff; |
|
||||
text-align: center; |
|
||||
} |
|
||||
.page-title { |
|
||||
font-size: 100rpx; |
|
||||
color: #2143af; |
|
||||
text-align: center; |
|
||||
font-weight: 600; |
|
||||
margin: 32rpx 0rpx; |
|
||||
} |
|
||||
.page-text { |
|
||||
font-size: 80rpx; |
|
||||
color: #2143af; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
.page-top { |
|
||||
padding-top: 20%; |
|
||||
} |
|
||||
.page-subtitle { |
|
||||
font-size: 32rpx; |
|
||||
color: #333333; |
|
||||
font-weight: 400; |
|
||||
margin: 32rpx 0rpx; |
|
||||
} |
|
||||
.page-jump { |
|
||||
position: absolute; |
|
||||
padding: 12rpx; |
|
||||
border: 2rpx solid #979797; |
|
||||
border-radius: 38rpx; |
|
||||
width: 122rpx; |
|
||||
text-align: center; |
|
||||
right: 54rpx; |
|
||||
font-size: 24rpx; |
|
||||
color: #333333; |
|
||||
font-weight: 400; |
|
||||
z-index: 9999; |
|
||||
} |
|
||||
.indexs-check { |
|
||||
background-image: linear-gradient(90deg, #047fff 0%, #00b4fa 100%); |
|
||||
border-radius: 12rpx; |
|
||||
width: 54rpx; |
|
||||
height: 12rpx; |
|
||||
margin-left: 10rpx; |
|
||||
} |
|
||||
.indexs-nocheck { |
|
||||
width: 12rpx; |
|
||||
height: 12rpx; |
|
||||
background-color: #58c4fd; |
|
||||
margin-left: 10rpx; |
|
||||
border-radius: 10rpx; |
|
||||
} |
|
||||
.index-point { |
|
||||
position: absolute; |
|
||||
top: 70%; |
|
||||
left: 40%; |
|
||||
display: flex; |
|
||||
} |
|
||||
.page-btn { |
|
||||
background-image: linear-gradient(90deg, #047fff 0%, #00b4fa 100%); |
|
||||
border-radius: 8rpx; |
|
||||
font-size: 32rpx; |
|
||||
color: #FFFFFF; |
|
||||
font-weight: 500; |
|
||||
width: 400rpx; |
|
||||
} |
|
||||
.page-btn-class { |
|
||||
position: absolute; |
|
||||
top: 73%; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
} |
|
||||
|
.topImage { |
||||
|
width: 100%; |
||||
|
height: 72rpx; |
||||
|
} |
||||
|
.view-lineHight { |
||||
|
line-height: 0rpx; |
||||
|
} |
||||
|
.bottom-image { |
||||
|
position: absolute; |
||||
|
bottom: 0rpx; |
||||
|
} |
||||
|
.page1 { |
||||
|
background-color: #e7eeff; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.page-title { |
||||
|
font-size: 100rpx; |
||||
|
color: #2143af; |
||||
|
text-align: center; |
||||
|
font-weight: 600; |
||||
|
margin: 32rpx 0rpx; |
||||
|
} |
||||
|
.page-text { |
||||
|
font-size: 80rpx; |
||||
|
color: #2143af; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.page-top { |
||||
|
padding-top: 20%; |
||||
|
} |
||||
|
.page-subtitle { |
||||
|
font-size: 32rpx; |
||||
|
color: #333333; |
||||
|
font-weight: 400; |
||||
|
margin: 32rpx 0rpx; |
||||
|
} |
||||
|
.page-jump { |
||||
|
position: absolute; |
||||
|
padding: 12rpx; |
||||
|
border: 2rpx solid #979797; |
||||
|
border-radius: 38rpx; |
||||
|
width: 122rpx; |
||||
|
text-align: center; |
||||
|
right: 54rpx; |
||||
|
font-size: 24rpx; |
||||
|
color: #333333; |
||||
|
font-weight: 400; |
||||
|
z-index: 9999; |
||||
|
} |
||||
|
.indexs-check { |
||||
|
background-image: linear-gradient(90deg, #047fff 0%, #00b4fa 100%); |
||||
|
border-radius: 12rpx; |
||||
|
width: 54rpx; |
||||
|
height: 12rpx; |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
.indexs-nocheck { |
||||
|
width: 12rpx; |
||||
|
height: 12rpx; |
||||
|
background-color: #58c4fd; |
||||
|
margin-left: 10rpx; |
||||
|
border-radius: 10rpx; |
||||
|
} |
||||
|
.index-point { |
||||
|
position: absolute; |
||||
|
top: 70%; |
||||
|
left: 40%; |
||||
|
display: flex; |
||||
|
} |
||||
|
.page-btn { |
||||
|
background-image: linear-gradient(90deg, #047fff 0%, #00b4fa 100%); |
||||
|
border-radius: 8rpx; |
||||
|
font-size: 32rpx; |
||||
|
color: #ffffff; |
||||
|
font-weight: 500; |
||||
|
width: 400rpx; |
||||
|
} |
||||
|
.page-btn-class { |
||||
|
position: absolute; |
||||
|
top: 73%; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
} |
||||
} |
} |
||||
</style> |
</style> |
||||
Write
Preview
Loading…
Cancel
Save