You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1332 lines
37 KiB
1332 lines
37 KiB
<template>
|
|
<!-- 首页 -->
|
|
<view class="container" style="padding-top: 90px;background-color: #FFFFFF;">
|
|
<view class="status_bar">
|
|
<!-- 这里是状态栏 -->
|
|
</view>
|
|
<navigationBar custom="true">
|
|
<view :style="{width: '100vw',height: '50px'}" style="background-color: #FFFFFF;position: fixed;z-index: 999;top:40px;">
|
|
<view :style="{padding: '10px', paddingLeft: '20px'}" style="display: flex;">
|
|
<!-- <image :style="{verticalAlign: 'middle', width: 94 + 'px',height: 30 + 'px'}" src="../../../static/logo.png" mode=""></image> -->
|
|
<image :style="{verticalAlign: 'middle', width: 30 + 'px',height: 30 + 'px'}" :src="imageRootNew+'logo.png'" mode=""></image>
|
|
<view style="font-size: 18px;font-weight: bold;line-height: 30px;margin-left: 4px;">粤职才</view>
|
|
</view>
|
|
</view>
|
|
</navigationBar>
|
|
<view v-if="seeting">
|
|
<far-bottom></far-bottom>
|
|
</view>
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
<view>
|
|
<official-account></official-account>
|
|
</view>
|
|
<view class="hintModule" v-if="hintShow">
|
|
点击“
|
|
<view class="smallCircle dis-il-block"></view>
|
|
<view class="bigCircle dis-il-block"></view>
|
|
<view class="smallCircle dis-il-block"></view>
|
|
”添加到我的小程序,微信首页下拉即可快速访问
|
|
<view class="hintClose iconfont icon-roundclose" @click="closeHint"></view>
|
|
<view class="hintIndicate"></view>
|
|
</view>
|
|
<!-- #endif -->
|
|
<loadlogo v-if="!loadlogo" />
|
|
<view class="page-index" :style="'background-color: ' + datas.page.background" :class="!!bottomMenu ? 'bottomPadding' : ''" v-if="loadlogo">
|
|
<Advert class="advert" :advertData="datas.adv" v-if="!!datas.adv" />
|
|
<diypages ref="diypages" :isred="isred" :diypagesData.sync="diypagesData" :pageData="datas.page" @diyhomepage="diyhomepage" :btngroupData="btngroup" />
|
|
<!-- 自定义首页插入固定内容start -->
|
|
<view class="">
|
|
<view class="hot-wrapper" v-if="0">
|
|
<view class="dis-flex hot-title">
|
|
<text>热议话题</text>
|
|
<navigator style="flex: 1;text-align: right;margin-right: 20px;" url="/pagesA/topSearch/topSearch">
|
|
更多热搜
|
|
</navigator>
|
|
</view>
|
|
<view class="hot-list">
|
|
<block v-for="(hotDataItem) in hotSearchData" :key="hotDataItem">
|
|
<view class="hot-item1" @click="toSubject(hotDataItem)">{{hotDataItem}}</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="">
|
|
测试
|
|
<video class="img-video-area pagevideo" :id="'pagevideo1'" object-fit="cover" @click.stop=""
|
|
src="https://qingyuan.xingtongworld.com/attachment/public_file/weliam_smartcity/1/2023-07-11/27111689069660.mp4" @click.stop=""
|
|
:enable-play-gesture="true" :show-play-btn="true" play-btn-position="center"></video>
|
|
测试
|
|
<video class="img-video-area pagevideo" :id="'pagevideo2'" object-fit="cover" @click.stop=""
|
|
src="https://qingyuan.xingtongworld.com/attachment/public_file/weliam_smartcity/1/2023-07-11/43191689069629.mp4" @click.stop=""
|
|
:enable-play-gesture="true" :show-play-btn="true" play-btn-position="center"></video>
|
|
测试
|
|
<video class="img-video-area pagevideo" :id="'pagevideo3'" object-fit="cover" @click.stop=""
|
|
src="https://qingyuan.xingtongworld.com/attachment/public_file/weliam_smartcity/1/2023-07-11/99171689068105.mp4" @click.stop=""
|
|
:enable-play-gesture="true" :show-play-btn="true" play-btn-position="center"></video>
|
|
</view> -->
|
|
<scroll-view class="index_slider" :scroll-x="true" v-if="0">
|
|
<view v-for="(item3,index3) in sliderList" :key="index3" class="index_slider-item" @click="JumpUrl(item3.url)">
|
|
<view style="">
|
|
<image :src="item3.src" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="img-txt" v-if="0">{{item3.title}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
<view style="margin-top: 10px;"><!-- 临时行间样式，上面模块放出后无需margin-top -->
|
|
<view class="dis-flex" style="padding: 0px 10rpx;">
|
|
<view class="tab-item" :class="tabIndex==1?'active':''" @click="tabIndex=1">学生社区</view>
|
|
<view class="tab-item" :class="tabIndex==2?'active':''" @click="tabIndex=2">资讯</view>
|
|
<view style="flex:1;">
|
|
<view class="menu_btn" @click="showRightMenu">选择话题</view>
|
|
</view>
|
|
</view>
|
|
<view class="list-con" v-show="tabIndex==1">
|
|
<pic-text-list :communityList="communityList" @changenoMore1="changenoMore1" :scrollLock="scrollLock" @changeScrollLock="changeScrollLock"></pic-text-list>
|
|
<!-- <block v-for="(item, index) in communityList" :key="index">
|
|
<view @click="toDetails(item.id)" style="border-bottom: 1px solid #efefef;">
|
|
<pic-text :info="item" :index="index" :stopVideo="stopVideo" :currentPlay="currentPlay" @changePlay="changePlay()"></pic-text>
|
|
</view>
|
|
</block> -->
|
|
</view>
|
|
<view class="hot-wrapper" v-show="tabIndex==2">
|
|
<navigator hover-class="none" class="dis-flex hot-title" url="/pagesA/informationHot/informationHot">
|
|
<image style="width: 96px;height: 35px;" :src="imageRootNew+'hot_list_logo.png'" mode=""></image>
|
|
</navigator>
|
|
<view class="hot-list">
|
|
<view class="hot-item" v-for="(item, index) in HeadlineDataRank" :key="index" @click="toArticle(item.id)">
|
|
<text :style="{color:index === 0 ? '#f00' : (index === 1?'#ff8c00':'#ffd900')}"
|
|
style="margin-right: 8px;">{{ index+1 }}</text>
|
|
{{ item.title }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="list-con" v-show="tabIndex==2">
|
|
<view class="">
|
|
<view @click="toArticle(item.id)" class="list-item" v-for="(item, index) in HeadlineDataList" :key="index">
|
|
<view style="flex: 1;">
|
|
<view class="list-title">{{item.title}}</view>
|
|
<view style="color: #999999;font-size: 12px;">{{item.author}} {{item.release_time}}</view>
|
|
</view>
|
|
<image class="list-img" :src="item.display_img" mode="aspectFill"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 自定义首页插入固定内容end -->
|
|
<view style="">
|
|
<block v-for="(item, index) in datas.page.copytext" :key="index">
|
|
<view class="f-22" style="text-align: center;color: #999;">{{ item }}</view>
|
|
</block>
|
|
<view style="text-align: center;margin-top: 10rpx;padding-bottom: 50upx;">
|
|
<block v-for="(item, index) in datas.page.copyurl" :key="index">
|
|
<text class="borderLast f-22" style="padding:0 15rpx 0 15rpx;color: #4395FF;" @click="versionCli(item.url)">{{ item.text }}</text>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
<view class="full"></view>
|
|
<view class="page-footer" v-if="isTabbars">
|
|
<TabBars :tabBarAct="0" :tabBarData="bottomMenu" :TabBarsType="datas.page.type" />
|
|
</view>
|
|
<view class="audio-main" @click="playAudio" v-if="!!pageInfo.music" id="playAudios">
|
|
<view class="audio-bg" :class="{ 'stop-audio': !play_Audio }">
|
|
<view class="audio-gif" :style="{ 'background-image': 'url(' + imageRoot + 'musicgif.gif)' }">
|
|
<view class="audio-png" :style="{ 'background-image': 'url(' + imageRoot + 'music.png)' }"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<follow
|
|
:followShow="followShow"
|
|
:followType="followType"
|
|
:followTitleShow="followTitleShow"
|
|
@clickmask="openQrShow"
|
|
@closeFollowPop="closeFollowPop"
|
|
@closeFollowTitle="closeFollowTitle"
|
|
></follow>
|
|
<red-packet v-if="pageInfo.redpackflag === 1" :pagenum="pagenum"></red-packet>
|
|
<PopManager :show="shareShow" :type="'top'" @clickmask="shareShow = false">
|
|
<cover-view>
|
|
<cover-image v-if="shareShow" :src="imageRoot + 'share.png'" class="coverImg"></cover-image>
|
|
</cover-view>
|
|
</PopManager>
|
|
<PopManager :show="showRight" :type="'top'" @clickmask="showRight = false" class="right_menu">
|
|
<cover-view v-if="showRight" class="menu_box">
|
|
<cover-view class="menu_close" @click="hideRightMenu">
|
|
<cover-image :src="imageRootNew+'mb-plus.png'" class="closeImg"></cover-image>
|
|
</cover-view>
|
|
<!-- <cover-view class="" style="height: calc(100vh - 210px);overflow-y: scroll;"> 不遮挡底部导航的话 -->
|
|
<cover-view class="" style="height: calc(100vh - 130px);overflow-y: scroll;">
|
|
<cover-view v-for="(item,index) in menuLists" :key="index" :class="{active:currentMenu==index}"
|
|
@click="changeMenu(index, item.id)" class="menu_item">
|
|
{{item.title}}
|
|
</cover-view>
|
|
</cover-view>
|
|
</cover-view>
|
|
</PopManager>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
let innerAudioContext = uni.createInnerAudioContext();
|
|
import App from '@/common/js/app.js';
|
|
import Loadlogo from '@/components/template/loadlogo.vue';
|
|
import diypages from '@/components/template/diypages.vue';
|
|
import Advert from '@/components/template/advert.vue';
|
|
import TabBars from '@/components/template/tabBar.vue';
|
|
import recommendGoods from '@/components/page/pageComponents/Recommend_goods.vue';
|
|
import wxApi from '@/common/js/wxApi.js';
|
|
import follow from '@/components/template/follow.vue';
|
|
import redPacket from '@/components/template/redpacket.vue';
|
|
import PopManager from '@/components/template/PopManager.vue';
|
|
// import picText from "@/components/template/pic_text/pic_text.vue"
|
|
import picTextList from "@/components/template/pic_text/pic_text_list.vue"
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
followTitleShow: true,
|
|
followShow: false,
|
|
followType: '0',
|
|
loadlogo: false,
|
|
swiperI: 1,
|
|
loadAgain: false,
|
|
isTabbars: true,
|
|
datas: {
|
|
basic: [],
|
|
adv: '',
|
|
page: {}
|
|
},
|
|
pageInfo: {},
|
|
play_Audio: false,
|
|
diypagesData: [],
|
|
btngroup: {
|
|
backgroundColor: '#ffffff',
|
|
btnBordeRadius: '',
|
|
displayMode: '',
|
|
eachLineNum: '',
|
|
eachPageNum: '',
|
|
list: [],
|
|
indicatorDots: true,
|
|
duration: 300,
|
|
btngroupHandleData: [],
|
|
swiperHeight: ''
|
|
},
|
|
bottomMenu: null,
|
|
bgAudioMannager:'',
|
|
muiick:'',
|
|
seeting:null,
|
|
pagenum:0,
|
|
isred:0,
|
|
height:40,
|
|
isRedId:null,
|
|
isRedShare:null,
|
|
shareShow:false,
|
|
hintShow:false,
|
|
sliderList: [{url:'/pagesA/ActivityForm/ActivityForm',
|
|
src: `https://qingyuan.xingtongworld.com/attachment/images/weliam_smartcity/1/169597248060043.jpeg`},
|
|
{url:'/pagesA/ActivityForm/ActivityForm',
|
|
src: ''},
|
|
{url:'/pagesA/ActivityForm/ActivityForm',
|
|
src: ''}],
|
|
// sliderList: [],
|
|
tabIndex: 1,
|
|
communityList: [],
|
|
tab1Page: 1,
|
|
tab2Page: 1,
|
|
page_index: 10,
|
|
hotSearchData: [],
|
|
HeadlineDataList: [],
|
|
HeadlineDataRank: [],
|
|
indexShow: -1,
|
|
noMore1: false,
|
|
noMore2: false,
|
|
// stopVideo: 0,
|
|
scrollLock: false,
|
|
// scrollTimer: null,
|
|
// currentPlay: -2,//当前正在播放的视频在列表中的索引,-2表示没有正在播放
|
|
showRight: false,//右侧话题边栏
|
|
menuLists: [],
|
|
currentMenu: null,
|
|
};
|
|
},
|
|
components: {
|
|
Loadlogo,
|
|
diypages,
|
|
Advert,
|
|
TabBars,
|
|
recommendGoods,
|
|
follow,
|
|
redPacket,
|
|
PopManager,
|
|
// picText,
|
|
picTextList
|
|
},
|
|
onReady(){
|
|
// console.log('onReady比onLoad慢')
|
|
},
|
|
onLoad(e) {
|
|
console.log('onLoad')
|
|
// this.stopVideo = 0;
|
|
let _this = this;
|
|
let url = 'pages/mainPages/index/index';
|
|
let Twodaystime = uni.getStorageSync('Twodaystime');
|
|
if(Twodaystime < new Date().getTime()){ //当前时间大于之前记录的时间则显示提示框
|
|
_this.hintShow = true;
|
|
}
|
|
if(e.isred){
|
|
url = url + '?isred=' + e.isred
|
|
this.isred = e.isred;
|
|
}
|
|
if(e.isRedShare && !e.isred){
|
|
this.isRedId = e.isRedId; //id
|
|
this.isRedShare = e.isRedShare; //类型：1卡券，2红包
|
|
|
|
//展示分享的遮罩指示
|
|
}else{
|
|
uni.removeStorageSync('redItem');
|
|
}
|
|
uni.getSystemInfo({
|
|
success:function(data){
|
|
// 将其赋值给this
|
|
_this.height=data.statusBarHeight;
|
|
}
|
|
})
|
|
//#ifdef H5
|
|
setTimeout(()=>{
|
|
App.navigationTo({
|
|
url: url
|
|
})
|
|
},1000)
|
|
//#endif
|
|
this.getList(this.tab1Page);//获取学生社区列表/
|
|
this.getinfoHot();
|
|
this.getHeadlineInfo(this.tab2Page);
|
|
this.getHeadlineInfoHot();
|
|
this.getMenu();
|
|
},
|
|
onShow() {
|
|
this.showRight = false;
|
|
return;
|
|
this.pagenum = this.pagenum + 1;
|
|
setTimeout(()=>{
|
|
App.wxApiCallback('pages/mainPages/index/index');
|
|
},500)
|
|
// let name = uni.getStorageSync('indexName');
|
|
// console.log(this.pageInfo, 'bbbbbbaaaaa')
|
|
if (this.pageInfo && !!this.pageInfo.title) {
|
|
// #ifndef H5
|
|
// debugger
|
|
setTimeout(()=>{
|
|
uni.setNavigationBarTitle({
|
|
title: this.pageInfo.title || ''
|
|
});
|
|
},500)
|
|
|
|
// #endif
|
|
// #ifdef H5
|
|
setTimeout(()=>{
|
|
document.title = this.pageInfo.title
|
|
console.log('在首页onshow当中率先执行',this.pageInfo.title)
|
|
},500)
|
|
|
|
|
|
// #endif
|
|
|
|
}
|
|
|
|
if(this.pageInfo && this.pageInfo.music){
|
|
this.playAudio();
|
|
}
|
|
//#ifdef APP-PLUS
|
|
this.isTabbars = true;
|
|
//#endif
|
|
|
|
// this.isTabbars = true;
|
|
// this.tab1Page = 1;
|
|
// this.tab2Page = 1;
|
|
|
|
},
|
|
onHide() {
|
|
let _this = this,
|
|
play_Audio = false,
|
|
pageAudio = _this.pageInfo.music;
|
|
if (!play_Audio) {
|
|
innerAudioContext.pause();
|
|
innerAudioContext.onPause(() => {
|
|
console.log('暂停播放');
|
|
});
|
|
}
|
|
// _this.isTabbars = false;
|
|
_this.play_Audio = play_Audio;
|
|
},
|
|
created() {},
|
|
mounted() {
|
|
// this.playAudio();
|
|
this.goseeting();
|
|
this.homePageInfo();
|
|
this.$nextTick(function() {
|
|
this.getcurCityTime();
|
|
});
|
|
},
|
|
watch:{
|
|
muiick(newold){
|
|
console.log('监听音乐')
|
|
// this.playAudio();
|
|
}
|
|
},
|
|
methods: {
|
|
closeHint(){ //关闭提示弹窗并记录当前时间
|
|
let _this = this;
|
|
_this.hintShow = false;
|
|
uni.setStorageSync('Twodaystime',new Date().getTime() + (48 * 60 * 60 * 1000)) //计算两天后的时间戳
|
|
// console.log(,new Date().getTime());
|
|
},
|
|
redShare(id,type){
|
|
return new Promise((resolve, reject) => {
|
|
App._post_form('&p=Order&do=planTransfer', {
|
|
id,
|
|
type
|
|
}, res => {
|
|
resolve(res.data);
|
|
})
|
|
})
|
|
},
|
|
diyhomepage(){
|
|
this.homePageInfo();
|
|
},
|
|
goseeting(){
|
|
let _this = this;
|
|
App._post_form('&do=CustomerService', {}, function(result) {
|
|
uni.removeStorageSync('CustomerService');
|
|
uni.setStorageSync('CustomerService',result.data);
|
|
_this.seeting = uni.getStorageSync('CustomerService');
|
|
});
|
|
},
|
|
btnTouchend(){
|
|
|
|
},
|
|
// btnClick(){
|
|
// console.log(3)
|
|
// },
|
|
// btnTouchstart(){
|
|
|
|
// },
|
|
versionCli(url) {
|
|
console.log(url, 'oooo');
|
|
let oneContent = url.substring(0, 1);
|
|
// if (oneContent != '/') {
|
|
// url = '/' + url;
|
|
// }
|
|
// uni.navigateTo({
|
|
// url: url
|
|
// });
|
|
App.navigationTo({
|
|
url
|
|
})
|
|
},
|
|
getcurCityTime() {
|
|
let _this = this,
|
|
agencyData = uni.getStorageSync('agencyData'),
|
|
timestamp = new Date().getTime(),
|
|
cityTime = uni.getStorageSync('cityTimestamp'),
|
|
nowTime = !!cityTime ? timestamp - cityTime : '';
|
|
if (!!nowTime) {
|
|
let nowTime_m = parseInt((nowTime / 1000 / 60) % 60);
|
|
if (nowTime_m > 120) {
|
|
// #ifdef H5
|
|
wxApi.wxRegister(() => {
|
|
jWeixin.getLocation({
|
|
type: 'gcj02',
|
|
success: function(res) {
|
|
App.getAreaId(
|
|
res,
|
|
'',
|
|
'',
|
|
options => {
|
|
console.log('拿到了');
|
|
if (agencyData.areaid !== options.data.areaid) {
|
|
uni.showModal({
|
|
title: `定位到您在${options.data.areaname}`,
|
|
content: `是否切换至该城市进行探索`,
|
|
confirmText: '切换',
|
|
success: function(calback) {
|
|
if (calback.confirm) {
|
|
uni.setStorageSync('agencyData', options.data);
|
|
_this.$nextTick(function() {
|
|
_this.getPagesData(res, options.data.aid);
|
|
_this.$refs.diypages.currentaidCity = options.data.areaname;
|
|
uni.setStorageSync('curLoction', res);
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
true
|
|
);
|
|
}
|
|
});
|
|
});
|
|
// #endif
|
|
// #ifdef MP-WEIXIN
|
|
App.getLocation().then(res => {
|
|
App.getAreaId(
|
|
res,
|
|
'',
|
|
'',
|
|
options => {
|
|
if (agencyData.areaid !== options.data.areaid) {
|
|
uni.showModal({
|
|
title: `定位到您在${options.data.areaname}`,
|
|
content: `是否切换至该城市进行探索`,
|
|
confirmText: '切换',
|
|
success: function(calback) {
|
|
if (calback.confirm) {
|
|
uni.setStorageSync('agencyData', options.data);
|
|
_this.$nextTick(function() {
|
|
_this.getPagesData(options.data.aid);
|
|
_this.$refs.diypages.currentaidCity = options.data.areaname;
|
|
uni.setStorageSync('curLoction', res);
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
true
|
|
);
|
|
});
|
|
// #endif
|
|
}
|
|
}
|
|
},
|
|
homePageInfo() {
|
|
// this.playAudio();
|
|
let _this = this,
|
|
agencyData = uni.getStorageSync('agencyData');
|
|
App.getAreaId(agencyData, '', '', options => {
|
|
_this.$nextTick(function() {
|
|
_this.getPagesData(options.data.aid);
|
|
});
|
|
});
|
|
},
|
|
closeFollowTitle() {
|
|
let _this = this;
|
|
_this.followTitleShow = false;
|
|
},
|
|
closeFollowPop() {
|
|
let _this = this;
|
|
_this.followShow = false;
|
|
},
|
|
openQrShow() {
|
|
let _this = this;
|
|
_this.followShow = true;
|
|
},
|
|
getPageItem(keys,index){
|
|
let _this = this;
|
|
if(keys.length > 3 ){
|
|
if(index == 3){
|
|
_this.loadAgain = true;
|
|
_this.loadlogo = true;
|
|
|
|
if(_this.isRedId){
|
|
_this.shareShow = true;
|
|
}
|
|
}
|
|
}else{
|
|
_this.loadAgain = true;
|
|
_this.loadlogo = true;
|
|
if(_this.isRedId){
|
|
_this.shareShow = true;
|
|
}
|
|
}
|
|
if(index > keys.length - 1) return;
|
|
let myLocation = uni.getStorageSync('curLoction');
|
|
var lng = myLocation.longitude || '';
|
|
var lat = myLocation.latitude || '';
|
|
let data = {
|
|
item_key:keys[index],
|
|
lng,
|
|
lat
|
|
}
|
|
App._post_form('&do=getItemParams', data, function(result) {
|
|
// console.log(result,'getItemParams');
|
|
// for (let i in diypagesData) {
|
|
// diypagesDataArray.push(diypagesData[i]);
|
|
// }
|
|
_this.diypagesData.push(result.data);
|
|
//处理数据
|
|
for (let i in _this.diypagesData) {
|
|
//处理按钮组数据
|
|
if (_this.diypagesData[i].id == 'menu' || _this.diypagesData[i].id == 'menu2') {
|
|
//初始化
|
|
_this.diypagesData[i].btngroupData = {};
|
|
let btngroupData = {};
|
|
btngroupData.list = [];
|
|
btngroupData.indicatorDots = true;
|
|
btngroupData.duration = 300;
|
|
btngroupData.btngroupHandleData = [];
|
|
btngroupData.swiperHeight = '';
|
|
|
|
btngroupData.backgroundColor = _this.diypagesData[i].style.background;
|
|
btngroupData.btnBordeRadius = _this.diypagesData[i].style.navstyle;
|
|
btngroupData.displayMode = _this.diypagesData[i].style.showtype;
|
|
btngroupData.eachLineNum = _this.diypagesData[i].style.rownum;
|
|
btngroupData.eachPageNum = _this.diypagesData[i].style.pagenum;
|
|
for (let n in _this.diypagesData[i].data) {
|
|
btngroupData.list.push(_this.diypagesData[i].data[n]);
|
|
}
|
|
if (_this.diypagesData[i].style.showdot == 0) {
|
|
btngroupData.indicatorDots = false;
|
|
} else {
|
|
btngroupData.indicatorDots = true;
|
|
}
|
|
let eachPageFactNum = ''; //每页实际显示的数量
|
|
if (btngroupData.list.length > btngroupData.eachPageNum) {
|
|
eachPageFactNum = btngroupData.eachPageNum;
|
|
} else {
|
|
eachPageFactNum = btngroupData.list.length;
|
|
}
|
|
btngroupData.swiperHeight = Math.ceil(eachPageFactNum / btngroupData.eachLineNum) * 87 + 15;
|
|
if (btngroupData.list && btngroupData.list.length > 0) {
|
|
let listsLength = Math.ceil(btngroupData.list.length / btngroupData.eachPageNum);
|
|
for (let j = 0; j < listsLength; j++) {
|
|
let arr = [];
|
|
let arrIndex = j * btngroupData.eachPageNum;
|
|
for (let m = arrIndex; m < btngroupData.eachPageNum * (j + 1) && m < btngroupData.list.length; m++) {
|
|
arr.push(btngroupData.list[m]);
|
|
}
|
|
btngroupData.btngroupHandleData.push(arr);
|
|
}
|
|
}
|
|
_this.diypagesData[i].btngroupData = btngroupData;
|
|
}
|
|
//处理图片橱窗风格4
|
|
if (_this.diypagesData[i].id == 'picturew4') {
|
|
let picturewArr = [];
|
|
for (let p in _this.diypagesData[i].data) {
|
|
picturewArr.push(_this.diypagesData[i].data[p]);
|
|
}
|
|
_this.diypagesData[i].data = picturewArr;
|
|
}
|
|
//处理图片橱窗风格5
|
|
if (_this.diypagesData[i].id == 'picturew5') {
|
|
let picturewArr = [];
|
|
for (let p in _this.diypagesData[i].data) {
|
|
picturewArr.push(_this.diypagesData[i].data[p]);
|
|
}
|
|
_this.diypagesData[i].data = picturewArr;
|
|
}
|
|
//处理图片展播
|
|
if (_this.diypagesData[i].id == 'pictures') {
|
|
let picturesArr = [];
|
|
for (let p in _this.diypagesData[i].data) {
|
|
picturesArr.push(_this.diypagesData[i].data[p]);
|
|
}
|
|
_this.diypagesData[i].data = picturesArr;
|
|
}
|
|
//处理商家信息
|
|
if (_this.diypagesData[i].id == 'shop') {
|
|
let shopArr = [];
|
|
for (let s in _this.diypagesData[i].data) {
|
|
let goodsArr = [];
|
|
for (let g in _this.diypagesData[i].data[s].goods) {
|
|
if (_this.diypagesData[i].data[s].goods[g] !== '') {
|
|
if (g == 'active') {
|
|
_this.diypagesData[i].data[s].goods[g].css = 'qiang';
|
|
_this.diypagesData[i].data[s].goods[g].tag = '抢';
|
|
} else if (g == 'coupon') {
|
|
_this.diypagesData[i].data[s].goods[g].css = 'hui';
|
|
_this.diypagesData[i].data[s].goods[g].tag = '券';
|
|
} else if (g == 'fightgroup') {
|
|
_this.diypagesData[i].data[s].goods[g].css = 'pin';
|
|
_this.diypagesData[i].data[s].goods[g].tag = '拼';
|
|
} else if (g == 'groupon') {
|
|
_this.diypagesData[i].data[s].goods[g].css = 'tuan';
|
|
_this.diypagesData[i].data[s].goods[g].tag = '团';
|
|
} else if (g == 'halfcard') {
|
|
_this.diypagesData[i].data[s].goods[g].css = 'ka';
|
|
_this.diypagesData[i].data[s].goods[g].tag = '卡';
|
|
} else if (g == 'packages') {
|
|
_this.diypagesData[i].data[s].goods[g].css = 'li';
|
|
_this.diypagesData[i].data[s].goods[g].tag = '礼';
|
|
} else if (g == 'bargain') {
|
|
_this.diypagesData[i].data[s].goods[g].css = 'kan';
|
|
_this.diypagesData[i].data[s].goods[g].tag = '砍';
|
|
}
|
|
goodsArr.push(_this.diypagesData[i].data[s].goods[g]);
|
|
}
|
|
}
|
|
_this.diypagesData[i].data[s].goods = goodsArr;
|
|
shopArr.push(_this.diypagesData[i].data[s]);
|
|
}
|
|
_this.diypagesData[i].shopArr = shopArr;
|
|
}
|
|
if (_this.diypagesData[i].id == 'banner' || _this.diypagesData[i].id == 'banner2') {
|
|
let imageWidth = _this.diypagesData[i].width,
|
|
imageHeight = _this.diypagesData[i].height,
|
|
imageRatio = imageWidth / imageHeight,
|
|
windowHeight = uni.getSystemInfoSync().windowWidth / imageRatio;
|
|
_this.diypagesData[i].autoHeight = windowHeight;
|
|
let ratio;
|
|
// console.log(item.params.img_width,'jinx')
|
|
uni.getSystemInfo({
|
|
success: function(wh) {
|
|
ratio = wh.windowWidth / _this.diypagesData[i].params.img_width;
|
|
_this.diypagesData[i].params.img_width = (ratio * _this.diypagesData[i].params.img_width);
|
|
_this.diypagesData[i].params.img_height = ratio * _this.diypagesData[i].params.img_height;
|
|
|
|
}
|
|
});
|
|
}
|
|
}
|
|
_this.datas.basic = _this.diypagesData;
|
|
_this.getPageItem(keys,index+1);
|
|
});
|
|
},
|
|
getPagesData(aid = '') {
|
|
let _this = this;
|
|
let myLocation = uni.getStorageSync('curLoction');
|
|
var lng = myLocation.longitude || '';
|
|
var lat = myLocation.latitude || '';
|
|
|
|
App._post_form(
|
|
'&do=newHomePage',
|
|
{
|
|
aid,
|
|
lng,
|
|
lat
|
|
},
|
|
res => {
|
|
if (res.errno === 0) {
|
|
_this.datas.adv = (!!res.data.adv && res.data.adv.length !== 0) ? res.data.adv : '';
|
|
_this.datas.page = !!res.data.page ? res.data.page : '';
|
|
_this.bottomMenu = res.data.menu;
|
|
_this.pageInfo = res.data.page;
|
|
// uni.setStorageSync('imgstyle',res.data.page.imgstyle);
|
|
_this.$store.commit('ISTABCONTRO', 1);
|
|
//修改页面标题
|
|
if (!!res.data.page.title) {
|
|
// #ifndef H5
|
|
uni.setNavigationBarTitle({
|
|
title: res.data.page.title
|
|
});
|
|
// #endif
|
|
// #ifdef H5
|
|
setTimeout(()=>{
|
|
document.title = res.data.page.title;
|
|
uni.setStorageSync('indexName',res.data.page.title);
|
|
console.log('在首页当中率先执行',res.data.page.title)
|
|
},500)
|
|
|
|
// #endif
|
|
}
|
|
if (!!res.data.page.music) {
|
|
setTimeout(()=>{
|
|
innerAudioContext.src = res.data.page.music;
|
|
innerAudioContext.loop = true;
|
|
// setTimeout(()=>{
|
|
// _this.playAudio();
|
|
// })
|
|
//#ifdef H5
|
|
jWeixin.ready(() => {
|
|
jWeixin.getLocation({
|
|
type: 'gcj02',
|
|
success: function(res) {
|
|
innerAudioContext.play();
|
|
}
|
|
});
|
|
});
|
|
//#endif
|
|
innerAudioContext.play();
|
|
this.play_Audio = true;
|
|
})
|
|
|
|
// let jweixin = require('jweixin-module');
|
|
|
|
// document.addEventListener("WeixinJSBridgeReady", function () {
|
|
// innerAudioContext
|
|
// }, false);
|
|
}
|
|
let diypagesData = res.data.item,
|
|
diypagesDataArray = [];
|
|
_this.diypagesData = [];
|
|
_this.getPageItem(diypagesData,0);
|
|
|
|
// uni.showToast({
|
|
// title:'111',
|
|
// duration:5000
|
|
// })
|
|
}
|
|
},
|
|
false,
|
|
() => {
|
|
|
|
}
|
|
);
|
|
},
|
|
playAudio() {
|
|
let _this = this,
|
|
play_Audio = _this.play_Audio ? false : true,
|
|
pageAudio = _this.pageInfo.music;
|
|
if (play_Audio) {
|
|
//#ifdef H5
|
|
jWeixin.ready(() => {
|
|
jWeixin.getLocation({
|
|
type: 'gcj02',
|
|
success: function(res) {
|
|
innerAudioContext.play();
|
|
}
|
|
});
|
|
});
|
|
//#endif
|
|
//#ifndef H5
|
|
innerAudioContext.play();
|
|
//#endif
|
|
|
|
innerAudioContext.onPlay(() => {
|
|
console.log('开始播放');
|
|
});
|
|
}
|
|
if (!play_Audio) {
|
|
innerAudioContext.pause();
|
|
innerAudioContext.onPause(() => {
|
|
console.log('暂停播放');
|
|
});
|
|
}
|
|
innerAudioContext.onError(res => {
|
|
console.log(res.errMsg);
|
|
console.log(res.errCode);
|
|
_this.playAudio(); //发生错误后，销毁实例
|
|
});
|
|
_this.play_Audio = play_Audio;
|
|
},
|
|
// // 跳转正文详情
|
|
// toDetails(id){
|
|
// uni.navigateTo({
|
|
// url:"/pagesA/pictureTextDetails/pictureTextDetails?id=" + id
|
|
// })
|
|
// },
|
|
toArticle(id){
|
|
App.navigationTo({
|
|
url:`pages/mainPages/headline/headlineDetail?headline_id=${id}`
|
|
})
|
|
// uni.navigateTo({
|
|
// url:"/pagesA/articleDetails/articleDetails?id="+id
|
|
// })不想用自己写的页面了
|
|
},
|
|
toSubject(t){
|
|
uni.navigateTo({
|
|
url:"/pagesA/commentSubject/commentSubject?keyword="+t
|
|
})
|
|
},
|
|
// 热门话题
|
|
getinfoHot(){
|
|
let _this = this;
|
|
App._post_form('&do=GetPlatformInfor&type=2', {}, res => {
|
|
let data = res.data.data.slice(0, 3);
|
|
_this.setData({
|
|
hotSearchData: data
|
|
});
|
|
}, false, () => {
|
|
|
|
})
|
|
},
|
|
// 获取学生社区图文列表
|
|
getList(page = 1, isPage = false){
|
|
let _this = this;
|
|
let data = {
|
|
id: 0,//0对应掌上生活的全部类目
|
|
two_id: undefined,
|
|
page,
|
|
page_index: _this.page_index,
|
|
homeflag: 1,
|
|
keyword: '',
|
|
};
|
|
App._post_form('&p=pocket&do=infoList', data, res => {
|
|
let list = [];
|
|
if (!isPage) {
|
|
if (res.data.list.length > 0) {
|
|
list = res.data.list;
|
|
_this.setData({
|
|
communityList: list
|
|
})
|
|
} else {
|
|
_this.noMore1 = true;
|
|
}
|
|
}else{//第二页走这里
|
|
if (res.data.list.length > 0){
|
|
list = [..._this.communityList, ...res.data.list];
|
|
_this.setData({
|
|
communityList: list
|
|
})
|
|
}else{
|
|
_this.noMore1 = true;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
//按发布时间获取头条资讯
|
|
getHeadlineInfo(page = 1, isPage = false) {
|
|
let _this = this,
|
|
requestData = {
|
|
page:page,
|
|
one_id:'',
|
|
two_id:'',
|
|
sort:0
|
|
};
|
|
App._post_form('&p=headline&do=HeadlineList', requestData, res => {
|
|
if (!isPage) {
|
|
if (res.data.list.length > 0) {
|
|
let HeadlineDataList = res.data.list;
|
|
// console.log(HeadlineDataList);
|
|
_this.setData({
|
|
HeadlineDataList
|
|
})
|
|
} else {
|
|
_this.noMore2 = true;
|
|
}
|
|
}else{//第二页走这里
|
|
if (res.data.list.length > 0){
|
|
let HeadlineDataList = [..._this.HeadlineDataList, ...res.data.list];
|
|
// console.log(HeadlineDataList);
|
|
_this.setData({
|
|
HeadlineDataList
|
|
})
|
|
}else{
|
|
_this.noMore2 = true;
|
|
}
|
|
}
|
|
}, false, () => {
|
|
|
|
})
|
|
},
|
|
//按浏览量时间获取头条资讯
|
|
getHeadlineInfoHot(page = 1, isPage = false) {
|
|
let _this = this,
|
|
requestData = {
|
|
page:page,
|
|
one_id:'',
|
|
two_id:'',
|
|
sort:1
|
|
};
|
|
App._post_form('&p=headline&do=HeadlineList', requestData, res => {
|
|
if (res.data.list.length > 0) {
|
|
let HeadlineDataList = res.data.list.slice(0,3);
|
|
_this.setData({
|
|
HeadlineDataRank: HeadlineDataList
|
|
})
|
|
} else {
|
|
_this.noMore2 = true;
|
|
}
|
|
}, false, () => {
|
|
|
|
})
|
|
},
|
|
lookimg(){
|
|
// this.isOnshow = false;
|
|
},
|
|
operationShow(e) {
|
|
// let _this = this;
|
|
// _this.indexShow = e;
|
|
},
|
|
getover(id,bor){
|
|
|
|
},
|
|
// handlerScroll(){
|
|
// if(this.scrollLock){
|
|
// clearTimeout(this.scrollTimer);
|
|
// }
|
|
// this.scrollTimer = setTimeout(()=>{
|
|
// this.scrollLock = false;
|
|
// this.stopVideo++;
|
|
// }, 500)
|
|
// },
|
|
// changePlay(e){
|
|
// this.stopVideo++;//先关闭上一个播放的按钮，再改变当前播放索引=最新播放视频索引
|
|
// this.currentPlay = e;
|
|
// }
|
|
changenoMore1(e){
|
|
this.noMore1 = e;
|
|
},
|
|
changeScrollLock(e){
|
|
this.scrollLock = e;
|
|
},
|
|
showRightMenu(){
|
|
this.showRight = true;
|
|
},
|
|
hideRightMenu(){
|
|
this.showRight = false;
|
|
},
|
|
changeMenu(i, id){
|
|
// this.currentMenu = i;
|
|
uni.navigateTo({
|
|
url: '/pagesA/communityClassification/communityClassification?index='+i+'&id='+id
|
|
})
|
|
},
|
|
getMenu(){
|
|
let data = {
|
|
is_two: 1,
|
|
is_set: 0
|
|
};
|
|
App._post_form('&p=pocket&do=classList', data, res => {
|
|
this.menuLists = res.data.list;
|
|
});
|
|
},
|
|
// 滑块图片展示跳转
|
|
JumpUrl(url){
|
|
console.log(url)
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
}
|
|
},
|
|
destroyed() {
|
|
innerAudioContext.stop();
|
|
innerAudioContext.onStop(() => {
|
|
|
|
});
|
|
},
|
|
onUnload() {
|
|
uni.removeStorageSync('redItem');
|
|
this.play_Audio = false;
|
|
innerAudioContext.stop();
|
|
innerAudioContext.onStop(() => {
|
|
|
|
});
|
|
},
|
|
onPullDownRefresh() {
|
|
//停止下拉刷新
|
|
uni.stopPullDownRefresh();
|
|
},
|
|
onPageScroll(e){
|
|
//页面滚动，视频暂停
|
|
this.scrollLock = true;
|
|
// this.handlerScroll();
|
|
},
|
|
onReachBottom(e) {
|
|
uni.$emit('isBottomMore');
|
|
uni.$emit('tabisBottomMore');
|
|
// console.log(this.tabIndex, this.noMore1, this.noMore2)
|
|
if(this.tabIndex==2){
|
|
if(!this.noMore2){
|
|
this.tab2Page++;
|
|
this.getHeadlineInfo(this.tab2Page, true);
|
|
}else{
|
|
uni.showToast({
|
|
title: '没有更多了',
|
|
icon: 'none'
|
|
})
|
|
}
|
|
}
|
|
if(this.tabIndex==1){
|
|
if(!this.noMore1){
|
|
this.tab1Page++;
|
|
this.getList(this.tab1Page, true);
|
|
}else{
|
|
uni.showToast({
|
|
title: '没有更多了',
|
|
icon: 'none'
|
|
})
|
|
}
|
|
}
|
|
},
|
|
onShareAppMessage(res){
|
|
let _this = this;
|
|
if (res.from === 'button') {// 来自页面内分享按钮
|
|
let listId = res.target.id;
|
|
let title = res.target.dataset.title;
|
|
App._post_form('&p=pocket&do=shareNum', { id: listId }, res => {
|
|
for(let index=0;index<_this.communityList.length;index++){
|
|
if(_this.communityList[index].id == listId){
|
|
_this.communityList[index].share++;
|
|
}
|
|
}
|
|
setTimeout(()=>{
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '分享成功',
|
|
duration: 2000
|
|
});
|
|
}, 2000)
|
|
});
|
|
return {
|
|
title: '粤职才',
|
|
path: '/pagesA/pictureTextDetails/pictureTextDetails?id='+listId
|
|
}
|
|
}else{
|
|
return {
|
|
title: '粤职才',
|
|
path: '/pages/mainPages/index/index'
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.container {
|
|
background-color: #ffd93f;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.hintModule{
|
|
position: fixed;
|
|
top: 180upx;
|
|
right: 20upx;
|
|
width: 440upx;
|
|
padding: 15upx 50upx 15upx 15upx;
|
|
background-color: #ffffff;
|
|
z-index: 99999;
|
|
font-size: 28upx;
|
|
border-radius: 6upx;
|
|
box-shadow: 0px 0px 20upx #999999;
|
|
.hintClose{
|
|
font-size: 28upx;
|
|
color: #cccccc;
|
|
position: absolute;
|
|
right: 20upx;
|
|
top: 15upx;
|
|
}
|
|
.hintIndicate{
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 15rpx solid transparent;
|
|
border-right: 15rpx solid transparent;
|
|
border-bottom: 15rpx solid #ffffff;
|
|
position: absolute;
|
|
top: -14rpx;
|
|
right: 100upx;
|
|
}
|
|
.smallCircle{
|
|
width: 10upx;
|
|
height: 10upx;
|
|
background-color: #000000;
|
|
border-radius: 50%;
|
|
vertical-align: middle;
|
|
}
|
|
.bigCircle{
|
|
margin: 0 10upx;
|
|
width: 15upx;
|
|
height: 15upx;
|
|
background-color: #000000;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
|
|
.coverImg {
|
|
/* #ifdef H5 */
|
|
width: 750upx;
|
|
/* #endif */
|
|
/* #ifdef MP-WEIXIN */
|
|
width: 540upx;
|
|
/* #endif */
|
|
}
|
|
|
|
.page-index {
|
|
width: 100vw;
|
|
overflow: hidden;
|
|
background-color: #fff;
|
|
position: relative;
|
|
}
|
|
|
|
.bottomPadding {
|
|
padding-bottom: 100upx;
|
|
}
|
|
|
|
.full {
|
|
width: 750upx;
|
|
height: 110upx;
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
.borderLast {
|
|
border-right: 1rpx solid #4395ff;
|
|
}
|
|
|
|
.borderLast:last-child {
|
|
border-right: none;
|
|
}
|
|
//
|
|
.status_bar {
|
|
height: var(--status-bar-height);
|
|
width: 100%;
|
|
background-color: #fff;
|
|
position: fixed;
|
|
padding-bottom: 15px;
|
|
z-index: 99;
|
|
top: 0px;
|
|
}
|
|
.dis-flex{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.hot-wrapper{
|
|
padding: 10rpx 30rpx;
|
|
.hot-title{
|
|
color: #999999;
|
|
position: relative;
|
|
line-height: 35px;
|
|
}
|
|
.hot-title::before{
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 12rpx;
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
border-top: 2px solid #999;
|
|
border-left: 2px solid transparent;
|
|
border-right: 2px solid #999;
|
|
border-bottom: 2px solid transparent;
|
|
transform: rotate(45deg) translateY(-50%);
|
|
}
|
|
.hot-list{
|
|
.hot-item1{
|
|
line-height: 60rpx;
|
|
}
|
|
.hot-item1::before{
|
|
content: '#';
|
|
color: #f00;
|
|
padding-right: 10rpx;
|
|
}
|
|
.hot-item{
|
|
line-height: 60rpx;
|
|
font-size: 15px;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
}
|
|
|
|
.list-con{
|
|
padding: 0px 10px;
|
|
.list-item{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid #efefef;
|
|
padding: 10px 4px;
|
|
}
|
|
.list-title{
|
|
display:-webkit-box;//将盒子转换为弹性盒子
|
|
-webkit-box-orient:vertical;//文本显示方式，默认水平
|
|
-webkit-line-clamp:2;//设置显示多少行
|
|
overflow:hidden;
|
|
font-size: 14px;
|
|
color: #333;
|
|
margin-bottom: 7px;
|
|
}
|
|
.list-img{
|
|
width: 80px;
|
|
height: 60px;
|
|
border-radius: 8px;
|
|
margin-left: 20px;
|
|
background-color: #d1d1d1;
|
|
}
|
|
}
|
|
.tab-item{
|
|
color: #999;
|
|
font-size: 14px;
|
|
padding: 10rpx 20rpx;
|
|
&.active{
|
|
color: #000;
|
|
font-size: 16px;
|
|
position: relative;
|
|
}
|
|
&.active::before{
|
|
content: '';
|
|
width: 20px;
|
|
height: 12rpx;
|
|
border-radius: 6rpx;
|
|
background-color: #82d0f7;
|
|
position: absolute;
|
|
bottom: -2rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
.index_slider{
|
|
width: 690rpx;
|
|
margin: 20rpx auto;
|
|
white-space: nowrap;
|
|
background-color: #f00;
|
|
|
|
::-webkit-scrollbar{
|
|
display: none;
|
|
}
|
|
|
|
.index_slider-item{
|
|
width: 200upx;
|
|
display: inline-block;
|
|
margin-right: 20upx;
|
|
background-color: #000;
|
|
}
|
|
.index_slider-item:nth-last-child(1){
|
|
margin-right: 0px;
|
|
}
|
|
image{
|
|
width: 200upx;
|
|
height: 300upx;
|
|
border-radius: 20upx;
|
|
overflow: hidden;
|
|
}
|
|
.img-txt{
|
|
width: 100%;
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
.menu_btn{
|
|
width: 180rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
border-radius: 100px;
|
|
background-color: rgba(81, 156, 251, 1);
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 14px;
|
|
text-align: center;
|
|
margin: 0px 15px 0px auto;
|
|
}
|
|
.right_menu{
|
|
/deep/ .pop__mask{
|
|
z-index: 9999;
|
|
/*z-index超过999就会使menu_box(无论cover-view还是view)写多大都无法盖到遮罩层上面(开发者工具)
|
|
对真机不影响
|
|
*/
|
|
// z-index: 999;/*工具测试*/
|
|
}
|
|
.menu_box{
|
|
padding-top: 90px;
|
|
width: 50vw;height: 100vh;
|
|
position: fixed;top: 0px;
|
|
left: 50%;z-index: 9999;
|
|
// z-index: 999;/*工具测试*/
|
|
background-color: #fff;
|
|
}
|
|
.menu_close{
|
|
margin: 0rpx 0rpx 0rpx 30rpx;
|
|
.closeImg{
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
.menu_item{
|
|
width: 300rpx;
|
|
height: 88rpx;
|
|
line-height: 88rpx;
|
|
border-radius: 5px;
|
|
color: #444;
|
|
background-color: rgba(227, 245, 245, 1);
|
|
text-align: center;
|
|
font-size: 14px;
|
|
margin: 40rpx auto;
|
|
|
|
&.active{
|
|
color: #fff;
|
|
background-color: rgba(103, 209, 252, 1);
|
|
}
|
|
}
}
</style>
|
|
|