xioayue
/
guaguale_uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改登录和增加懒加载

master
‘daijinzheng@xingtongworld.com’ 2 years ago
parent
063842ab1a
commit
6ee1da29eb
8 changed files with 147 additions and 117 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      common/js/api.js
  2. 10
      main.js
  3. 5
      package-lock.json
  4. 3
      package.json
  5. 235
      pages/home/home.vue
  6. 9
      pages/login/login.vue
  7. BIN
      static/home/300.jpg
  8. BIN
      static/home/shibai.png

2
common/js/api.js
View File

@ -1,7 +1,7 @@
// let baseUrl = 'http://192.168.66.221:8000' // let baseUrl = 'http://192.168.66.221:8000'
let baseUrl = 'http://192.168.66.16:8084' let baseUrl = 'http://192.168.66.16:8084'
// baseUrl = 'https://ggl.xingtongworld.com' // baseUrl = 'https://ggl.xingtongworld.com'
baseUrl = 'https://ggl.dingguagua.vip' // baseUrl = 'https://ggl.dingguagua.vip'
let API = { let API = {
baseUrl: baseUrl, baseUrl: baseUrl,

10
main.js
View File

@ -1,10 +1,18 @@
import App from './App' import App from './App'
import i18n from './lang/i18n' import i18n from './lang/i18n'
import VueLazyload from 'vue-lazyload'
// 添加插件配置
Vue.use(VueLazyload, {
loading: './static/home/300.jpg', // 图片加载过程中显示的占位图
error: '/static/home/shibai.png', // 图片加载失败时显示的占位图
attempt: 3 // 尝试加载次数
})
// Vue.use(VueLazyload)
// #ifndef VUE3 // #ifndef VUE3
import Vue from 'vue' import Vue from 'vue'
Vue.config.productionTip = false Vue.config.productionTip = false
// Vue.use(VueLazyload)
App.mpType = 'app' App.mpType = 'app'
const app = new Vue({ const app = new Vue({
i18n, i18n,

5
package-lock.json
View File

@ -16,6 +16,11 @@
"resolved": "https://registry.npmjs.org/qrcodejs2/-/qrcodejs2-0.0.2.tgz", "resolved": "https://registry.npmjs.org/qrcodejs2/-/qrcodejs2-0.0.2.tgz",
"integrity": "sha512-+Y4HA+cb6qUzdgvI3KML8GYpMFwB24dFwzMkS/yXq6hwtUGNUnZQdUnksrV1XGMc2mid5ROw5SAuY9XhI3ValA==" "integrity": "sha512-+Y4HA+cb6qUzdgvI3KML8GYpMFwB24dFwzMkS/yXq6hwtUGNUnZQdUnksrV1XGMc2mid5ROw5SAuY9XhI3ValA=="
}, },
"vue-lazyload": {
"version": "1.3.3",
"resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.3.3.tgz",
"integrity": "sha512-uHnq0FTEeNmqnbBC2aRKlmtd9LofMZ6Q3mWvgfLa+i9vhxU8fDK+nGs9c1iVT85axSua/AUnMttIq3xPaU9G3A=="
},
"zrender": { "zrender": {
"version": "3.7.3", "version": "3.7.3",
"resolved": "https://registry.npmmirror.com/zrender/-/zrender-3.7.3.tgz", "resolved": "https://registry.npmmirror.com/zrender/-/zrender-3.7.3.tgz",

3
package.json
View File

@ -83,6 +83,7 @@
}, },
"dependencies": { "dependencies": {
"echarts": "3.8.4", "echarts": "3.8.4",
"qrcodejs2": "^0.0.2" "qrcodejs2": "^0.0.2",
"vue-lazyload": "^1.3.3"
} }
} }

235
pages/home/home.vue
View File

@ -1,136 +1,140 @@
<template> <template>
<view class="homePage"> <view class="homePage">
<view class="nav_area dis-flex-between-center"> <view class="nav_area dis-flex-between-center">
<view class="left-btn" v-html="(userType!=='background')?valueType:''" <view class="left-btn" v-html="(userType!=='background')?valueType:''"
:class="{'haveIcon':userType!=='background','select':showValueType}" @click="selectType"></view> :class="{'haveIcon':userType!=='background','select':showValueType}" @click="selectType"></view>
<view class="" style="font-size: 18px;color: #101010;" v-html="userType!=='background'?'顶呱刮':'顶呱刮-总平台'"></view> <view class="" style="font-size: 18px;color: #101010;" v-html="userType!=='background'?'顶呱刮':'顶呱刮-总平台'"></view>
<view class="right-btn" @click="changeAudio" v-html="userType!=='background'?'音乐':''" <view class="right-btn" @click="changeAudio" v-html="userType!=='background'?'音乐':''"
:class="(userType!=='background'&&!isPlay)?'playIcon':(userType!=='background'&&isPlay)?'pauseIcon':''"> :class="(userType!=='background'&&!isPlay)?'playIcon':(userType!=='background'&&isPlay)?'pauseIcon':''">
<!-- <audio src="../../static/audio/pd-5b7671cee8051387.mp3" poster="" name="" author="" action="" controls></audio> --> <!-- <audio src="../../static/audio/pd-5b7671cee8051387.mp3" poster="" name="" author="" action="" controls></audio> -->
</view>
</view>
<view class="home_1" v-if="userType!=='background'">
<view class="banner_area">
<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
<swiper-item v-for="(item, index) in bannerList" :key="index">
<image :src="item.image" mode=""></image>
</swiper-item>
</swiper>
</view>
<view class="notice" @click="toUrl('notice')" v-if="notice.title">
<text class="notice_t">公告：</text>
{{notice.title}}
</view>
<view class="dis-flex goods_area new" v-if="showValueType">
<view v-for="(item,index) in goodsList" :key="index" class="type_item">
<view class="" @click="selectValueType(item)">
{{item.title}}
</view>
</view> </view>
</view> </view>
<view class="dis-flex goods_area" v-if="0"> <view class="home_1" v-if="userType!=='background'">
<view v-for="(item,index) in goodsList" :key="index" class="goods_item"> <view class="banner_area">
<view class="" @click="selectValueType(item)"> <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
{{item.title}} <swiper-item v-for="(item, index) in bannerList" :key="index">
</view> <!-- <image :src="item.image" mode=""></image> -->
<!-- <image v-lazy="item.image" mode=""></image> -->
<img v-lazy="item.image" />
<!-- <img class="lazy" :src="item.image" alt=""> -->
<!-- <img class="lozad" data-src="'@/static/home/300.jpg'"> -->
</swiper-item>
</swiper>
</view> </view>
</view> <view class="notice" @click="toUrl('notice')" v-if="notice.title">
<view class=""> <text class="notice_t">公告：</text>
<view v-for="(item,index) in typeGoodsList" :key="index" class="dis-flex-between-center goods-item"> {{notice.title}}
<view class="">
<image :src="item.cover_image" mode="aspectFill"></image>
</view>
<view class="goods-info">
<view class="" style="color: #333;font-size: 16px;">{{item.title}}</view>
<view class="">面值{{item.price}}元</view>
<view class="">最高中奖金额{{item.max_awards_amount}}</view>
</view>
<view class="goods-btn" @click="toDetailUrl(item)">立即刮奖</view>
</view> </view>
</view> <view class="dis-flex goods_area new" v-if="showValueType">
<view class="list_area" v-if="0"> <view v-for="(item,index) in goodsList" :key="index" class="type_item">
<view class="list_title">中奖记录</view> <view class="" @click="selectValueType(item)">
<view class="dis-flex-between-center t-h"> {{item.title}}
<view class="" style="flex: 0.4;">ID</view> </view>
<view class="" style="flex: 0.3;">手机号码</view> </view>
<view class="" style="flex: 0.3;text-align: right;">中奖金额</view>
</view> </view>
<view v-for="(item,index) in recordsList" :key="index" class="t-d dis-flex-between-center"> <view class="dis-flex goods_area" v-if="0">
<view class="" style="flex: 0.4;">{{item.user_id}}</view> <view v-for="(item,index) in goodsList" :key="index" class="goods_item">
<view class="" style="flex: 0.3;">{{item.phone}}</view> <view class="" @click="selectValueType(item)">
<view class="black" style="flex: 0.3;text-align: right;"><text class="red">{{item.awards_amount}}</text>元</view> {{item.title}}
</view>
</view>
</view> </view>
</view> <view class="">
</view> <view v-for="(item,index) in typeGoodsList" :key="index" class="dis-flex-between-center goods-item ">
<view class="home_2" v-if="userType=='background'"> <view class="">
<view class=""> <!-- <image :src="item.cover_image" mode="aspectFill"></image> -->
<view class="title"> <img v-lazy="item.cover_image" />
待办<text style="color: #999;font-size: 12px;">（更新于：{{needInfo.update_time}}）</text> </view>
<view class="goods-info">
<view class="skeleton-rect" style="color: #333;font-size: 16px;">{{item.title}}</view>
<view class="">面值{{item.price}}元</view>
<view class="">最高中奖金额{{item.max_awards_amount}}</view>
</view>
<view class="goods-btn" @click="toDetailUrl(item)">立即刮奖</view>
</view>
</view> </view>
<view class="card"> <view class="list_area" v-if="0">
<view class="">{{needInfo.down_scores_quota.title}}</view> <view class="list_title">中奖记录</view>
<view class="t2">{{needInfo.down_scores_quota.quota}}</view> <view class="dis-flex-between-center t-h">
<view class="" style="flex: 0.4;">ID</view>
<view class="" style="flex: 0.3;">手机号码</view>
<view class="" style="flex: 0.3;text-align: right;">中奖金额</view>
</view>
<view v-for="(item,index) in recordsList" :key="index" class="t-d dis-flex-between-center">
<view class="" style="flex: 0.4;">{{item.user_id}}</view>
<view class="" style="flex: 0.3;">{{item.phone}}</view>
<view class="black" style="flex: 0.3;text-align: right;"><text class="red">{{item.awards_amount}}</text>元</view>
</view>
</view> </view>
</view> </view>
<view class=""> <view class="home_2" v-if="userType=='background'">
<view class="title"> <view class="">
用户统计 <view class="title">
待办<text style="color: #999;font-size: 12px;">（更新于：{{needInfo.update_time}}）</text>
</view>
<view class="card">
<view class="">{{needInfo.down_scores_quota.title}}</view>
<view class="t2">{{needInfo.down_scores_quota.quota}}</view>
</view>
</view> </view>
<view class="pie_area"> <view class="">
<!-- #ifdef H5 --> <view class="title">
<view class="pie_box" id="piechart"></view> 用户统计
<!-- #endif -->
<!-- #ifdef APP-PLUS -->
<view class="pie_box" ref="piechart"></view>
<!-- #endif -->
<view class="sum">
{{userStatistics.sum.num}}
</view> </view>
<view class="right"> <view class="pie_area">
<view class="right1"> <!-- #ifdef H5 -->
<view class=""> <view class="pie_box" id="piechart"></view>
<view class="label" style="font-size: 12px;">代理人数</view> <!-- #endif -->
<view class="" style="font-weight: bold;padding-left: 20px;">{{userStatistics.agent.num}}</view> <!-- #ifdef APP-PLUS -->
</view> <view class="pie_box" ref="piechart"></view>
<view class="" style="font-weight: bold;">{{userStatistics.agent.rate}}</view> <!-- #endif -->
<view class="sum">
{{userStatistics.sum.num}}
</view> </view>
<view class="right1"> <view class="right">
<view class=""> <view class="right1">
<view class="label" style="font-size: 12px;">用户人数</view> <view class="">
<view class="" style="font-weight: bold;padding-left: 20px;">{{userStatistics.user.num}}</view> <view class="label" style="font-size: 12px;">代理人数</view>
<view class="" style="font-weight: bold;padding-left: 20px;">{{userStatistics.agent.num}}</view>
</view>
<view class="" style="font-weight: bold;">{{userStatistics.agent.rate}}</view>
</view>
<view class="right1">
<view class="">
<view class="label" style="font-size: 12px;">用户人数</view>
<view class="" style="font-weight: bold;padding-left: 20px;">{{userStatistics.user.num}}</view>
</view>
<view class="" style="font-weight: bold;">{{userStatistics.user.rate}}</view>
</view> </view>
<view class="" style="font-weight: bold;">{{userStatistics.user.rate}}</view>
</view> </view>
</view> </view>
</view> </view>
</view> <view class="">
<view class=""> <view class="title">
<view class="title"> 上下分数据
上下分数据 </view>
</view> <view class="chart_tab">
<view class="chart_tab"> <view class="item" @click="changeChartIndex(1)" :class="chartIndex==1?'active':''">上分统计</view>
<view class="item" @click="changeChartIndex(1)" :class="chartIndex==1?'active':''">上分统计</view> <view class="item" @click="changeChartIndex(2)" :class="chartIndex==2?'active':''">下分数据</view>
<view class="item" @click="changeChartIndex(2)" :class="chartIndex==2?'active':''">下分数据</view> </view>
</view> <view class="chart_area">
<view class="chart_area"> <view class="chart">
<view class="chart"> <view class="" style="color: #999;font-size: 14px;">
<view class="" style="color: #999;font-size: 14px;"> {{ chartIndex==1?'上分总数':'下分总数' }}：<text style="color: #101010;">{{ UpDownSta.sum_value }}</text>
{{ chartIndex==1?'上分总数':'下分总数' }}：<text style="color: #101010;">{{ UpDownSta.sum_value }}</text> </view>
</view> <!-- #ifdef H5 -->
<!-- #ifdef H5 --> <view class="" id="mychart" style="width: 670rpx;height: 250px;"></view>
<view class="" id="mychart" style="width: 670rpx;height: 250px;"></view> <!-- #endif -->
<!-- #endif --> <!-- #ifdef APP-PLUS -->
<!-- #ifdef APP-PLUS --> <view class="" ref="mychart" style="width: 670rpx;height: 250px;">
<view class="" ref="mychart" style="width: 670rpx;height: 250px;"> <echarts1 :option="optionData" id="myChart1" style="height: 110vw;margin-left: 2vw;width: 100%;padding: 4vw 0 0 0;"></echarts1>
<echarts1 :option="optionData" id="myChart1" style="height: 110vw;margin-left: 2vw;width: 100%;padding: 4vw 0 0 0;"></echarts1> </view>
<!-- #endif -->
</view> </view>
<!-- #endif -->
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view>
</template> </template>
<script> <script>
@ -254,6 +258,7 @@
] ]
}, },
// 1#endif // 1#endif
showSkeleton: true
} }
}, },
components: { components: {
@ -714,6 +719,7 @@
overflow: hidden; overflow: hidden;
} }
} }
.notice{ .notice{
color: #f00; color: #f00;
font-size: 14px;line-height: 14px;margin-bottom: 30rpx; font-size: 14px;line-height: 14px;margin-bottom: 30rpx;
@ -775,6 +781,11 @@
height: 88px; height: 88px;
border-radius: 10px; border-radius: 10px;
} }
img{
width: 138px;
height: 88px;
border-radius: 10px;
}
.goods-info{ .goods-info{
display: flex; display: flex;
flex-direction: column; flex-direction: column;

9
pages/login/login.vue
View File

@ -1,6 +1,6 @@
<!-- 账号密码登录页 --> <!-- 账号密码登录页 -->
<template> <template>
<view class="" style=""> <view class="" style="position: relative;">
<view class="nav_area"></view> <view class="nav_area"></view>
<view class="logo_area"> <view class="logo_area">
<image src="../../static/home/logo.png" mode=""></image> <image src="../../static/home/logo.png" mode=""></image>
@ -39,11 +39,16 @@
<!-- <text class="link" @click="toRegister" v-if="!config.isAdmin">注册账号</text> --> <!-- <text class="link" @click="toRegister" v-if="!config.isAdmin">注册账号</text> -->
</view> </view>
</view> </view>
<view v-if="this.userType=='user'" <!-- <view v-if="this.userType=='user'"
style="width: 100vw;text-align: center;color: #dcdcdc;font-size: 14px; style="width: 100vw;text-align: center;color: #dcdcdc;font-size: 14px;
line-height: 28px;position: fixed;top: calc(100vh - 100px);left:0px;"> line-height: 28px;position: fixed;top: calc(100vh - 100px);left:0px;">
温馨提示：<br/> 温馨提示：<br/>
忘记密码，请联系平台 忘记密码，请联系平台
</view> -->
<view v-if="this.userType=='user'"
style="width: 100vw;text-align: center;color: #dcdcdc;font-size: 14px; line-height: 28px;position: absolute;bottom: -34vh;">
温馨提示：<br/>
忘记密码，请联系平台
</view> </view>
</view> </view>
</template> </template>

BIN
static/home/300.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/home/shibai.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

Write Preview
Loading…
Cancel
Save