192 lines
4.5 KiB
Vue
192 lines
4.5 KiB
Vue
<template>
|
|
<view class="container">
|
|
<view class="home-swiper">
|
|
<swiper :indicator-dots="indicatorDots" :indicator-color="indicatorDotsColor" :indicator-active-color="indicatorActiveColor" :autoplay="autoplay" :interval="interval" :duration="duration">
|
|
<swiper-item v-for="(item,index) in swiperDatas" :key="index">
|
|
<image mode="aspectFill" @click.stop="jumptopage(item)" :src="item.image"></image>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
<view class="lytabgrid">
|
|
<view class="idx-title">
|
|
<span>功能展示</span>
|
|
</view>
|
|
<u-grid :border="false" col="4">
|
|
<u-grid-item v-for="(listItem,listIndex) in tabList" :key="listIndex" @click="tabclick">
|
|
<u-icon
|
|
:customStyle="{paddingTop:20+'rpx'}"
|
|
:name="listItem.name"
|
|
:size="26"
|
|
></u-icon>
|
|
<text class="lygrid-text">{{listItem.title}}</text>
|
|
</u-grid-item>
|
|
</u-grid>
|
|
</view>
|
|
<u-toast ref="lyToast" />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {getOtherSettings,getRotationimgs} from '@/api/api'
|
|
export default {
|
|
components:{
|
|
},
|
|
data() {
|
|
return {
|
|
indicatorDots:true,
|
|
indicatorDotsColor: 'rgba(255,255,255,.5)',
|
|
indicatorActiveColor: 'rgba(255,255,255,1)',
|
|
autoplay: true,
|
|
interval: 5000,
|
|
duration: 500,
|
|
swiperDatas:[
|
|
{id:1,image:'../../static/unielepystatic/logo.png',link:'https://www.baidu.com'},
|
|
{id:2,image:'../../static/unielepystatic/logo.png',link:'https://www.baidu.com'},
|
|
{id:3,image:'../../static/unielepystatic/logo.png',link:'https://www.baidu.com'},
|
|
],//轮播图
|
|
formInline:{
|
|
page:1,
|
|
limit:10
|
|
},
|
|
tabList: [{
|
|
name: 'account',
|
|
title: '登录/注册'
|
|
},
|
|
{
|
|
name: 'lock',
|
|
title: '密码重置'
|
|
},
|
|
{
|
|
name: 'download',
|
|
title: '邀请下载'
|
|
},
|
|
{
|
|
name: 'bell',
|
|
title: '公告通知'
|
|
},
|
|
{
|
|
name: 'home',
|
|
title: '首页'
|
|
},
|
|
{
|
|
name: 'level',
|
|
title: '个人中心'
|
|
},
|
|
{
|
|
name: 'chat',
|
|
title: '帮助中心'
|
|
},
|
|
],
|
|
|
|
}
|
|
},
|
|
// 监听页面加载
|
|
onLoad() {
|
|
},
|
|
//分享此页给好友
|
|
onShareAppMessage() {
|
|
},
|
|
created() {
|
|
},
|
|
// 监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面
|
|
onShow() {
|
|
this.getData()
|
|
},
|
|
// 监听用户下拉刷新
|
|
onPullDownRefresh() {
|
|
this.getData()
|
|
uni.stopPullDownRefresh()
|
|
},
|
|
methods: {
|
|
tabclick(name) {
|
|
if(name == 0){
|
|
this.$common.linkjump("/pages/login/login?showBack=true")
|
|
}else if(name == 1){
|
|
this.$common.linkjump("/pages/login/pwdreset/pwdreset")
|
|
}else if(name == 2){
|
|
this.$common.linkjump("/pages/invite/invite")
|
|
}else if(name == 3){
|
|
this.$common.linkjump("/pages/message/notice")
|
|
}else if(name == 5){
|
|
this.$common.linkjump("/pages/my/index",true)
|
|
}else if(name == 6){
|
|
this.$common.linkjump("/pages/my/helplist")
|
|
}
|
|
// this.$refs.lyToast.success(`点击了第${name}个`)
|
|
},
|
|
//轮播图获取数据
|
|
getLunBo() {
|
|
var params = {
|
|
type:1
|
|
}
|
|
getRotationimgs(params).then(res=>{
|
|
if(res.code == 2000) {
|
|
let data = res.data.data
|
|
console.log(data)
|
|
this.swiperDatas = data
|
|
}
|
|
// else {
|
|
// uni.showToast({
|
|
// icon:'none',
|
|
// mask:true,
|
|
// title:res.msg || '请求失败'
|
|
// })
|
|
// }
|
|
})
|
|
},
|
|
// 跳转页面
|
|
jumptopage(item) {
|
|
if (item && (item.link.indexOf("http://") != -1 || item.link.indexOf("https://") != -1)) {
|
|
uni.navigateTo({
|
|
url: `/pages/content/webview?url=${item.link}`
|
|
});
|
|
} else if (item && item.link.indexOf("/pages/") != -1) {
|
|
uni.navigateTo({
|
|
url: `${item.link}`
|
|
});
|
|
}
|
|
},
|
|
getData() {
|
|
this.getLunBo()
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.home-logo{
|
|
|
|
}
|
|
.container {
|
|
font-size: 14px;
|
|
line-height: 24px;
|
|
}
|
|
.home-swiper{
|
|
swiper{
|
|
height: 380rpx;
|
|
}
|
|
image{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
.home-swiper ::v-deep .swiper-dot{
|
|
background: rgba(255,255,255,.5) !important;
|
|
}
|
|
.home-swiper ::v-deep .swiper-dot-active{
|
|
background: rgba(255,255,255,1) !important;
|
|
}
|
|
.lytabgrid{
|
|
margin-top: 20rpx;
|
|
background: #fff;
|
|
}
|
|
.lygrid-text {
|
|
font-size: 14px;
|
|
color: #909399;
|
|
padding: 10rpx 0 20rpx 0rpx;
|
|
/* #ifndef APP-PLUS */
|
|
box-sizing: border-box;
|
|
/* #endif */
|
|
}
|
|
</style>
|