Browse Source

Merge branch 'devlop' of http://git.qniao.cn/dengxiongfei/paper-shopkeeper-app into devlop

# Conflicts:
#	pages/start-page/index.vue
devlop
杨阁辉 4 years ago
parent
commit
a183b6ebcd
8 changed files with 195 additions and 193 deletions
  1. 30
      App.vue
  2. 2
      pages/contract-manage/index.vue
  3. 2
      pages/mall/index.vue
  4. 354
      pages/start-page/index.vue
  5. BIN
      static/imgs/start-page/dzqy.png
  6. BIN
      static/imgs/start-page/ht.png
  7. BIN
      static/imgs/start-page/rz.png
  8. BIN
      static/imgs/start-page/zx.png

30
App.vue

@ -2,14 +2,18 @@
import { go2 } from '@/utils/hook.js'
import store from '@/store/index.js'
export default {
onLaunch: function() {
const token = store.state.qnToken
if (!token) {
go2('login')
}
},
onShow: function() {},
onHide: function() {}
onLaunch: function () {
const token = store.state.qnToken
let flag = uni.getStorageSync('hasLaunch')
if (flag && !token) {
go2('login')
}
if (flag && token) {
go2('client')
}
},
onShow: function () {},
onHide: function () {}
}
</script>
@ -18,12 +22,12 @@ export default {
@import url('./common/css/reset.scss');
@import '@/static/icon/iconfont.css';
page {
height: 100%;
height: 100%;
}
/* uni-dialog标题样式 */
.uni-dialog-title-text {
font-size: 32rpx !important;
color: #323233 !important;
font-weight: 500 !important;
font-size: 32rpx !important;
color: #323233 !important;
font-weight: 500 !important;
}
</style>
</style>

2
pages/contract-manage/index.vue

@ -1,6 +1,6 @@
<template>
<view class="content">
<uni-nav-bar left-icon="back" @clickLeft="back" typeBar fixed title="合同管理"></uni-nav-bar>
<uni-nav-bar left-icon="back" statusBar @clickLeft="back" typeBar fixed title="合同管理"></uni-nav-bar>
<view class="condition-area flex-row-center-start">
<qn-data-picker
v-model="condition.customerEnterpriseId"

2
pages/mall/index.vue

@ -256,7 +256,7 @@ export default {
},
//
detailInfo(item) {
loginGo2('paper-detail', item)
loginGo2('paper-detail', { id: item.id })
},
//
productStatusChange(item) {

354
pages/start-page/index.vue

@ -1,191 +1,189 @@
<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>
<script>
import { back, go2, uploadFile } from '@/utils/hook.js'
import { back, go2, uploadFile } from '@/utils/hook.js'
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'
this.pageHight = 'height:' + (document.documentElement.clientHeight - 60) + 'px'
}
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>
<style lang="scss">
.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>

BIN
static/imgs/start-page/dzqy.png

Before After
Width: 750  |  Height: 603  |  Size: 28 KiB

BIN
static/imgs/start-page/ht.png

Before After
Width: 750  |  Height: 583  |  Size: 38 KiB

BIN
static/imgs/start-page/rz.png

Before After
Width: 750  |  Height: 583  |  Size: 42 KiB

BIN
static/imgs/start-page/zx.png

Before After
Width: 750  |  Height: 804  |  Size: 52 KiB
Loading…
Cancel
Save