php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

zhjw

master
李双庆 1 year ago
parent
1db4760558
commit
a973e96a65
2 changed files with 132 additions and 287 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. 229
      components/AQ/AQTabber.vue
  2. 190
      pages/student/index/index.vue

229
components/AQ/AQTabber.vue
View File

@ -1,137 +1,130 @@
<!--底部Tabber组件--> <!--底部Tabber组件-->
<template> <template>
<view class="main_box"> <view class="main_box">
<fui-tabbar :tabBar="tabBar" :current="current" @click="openView"></fui-tabbar> <fui-tabbar :tabBar="tabBar" :current="current" @click="openView"></fui-tabbar>
</view> </view>
</template> </template>
<script> <script>
import fuiTabbar from "@/components/firstui/fui-tabbar/fui-tabbar.vue"
export default { export default {
components:{ name: 'AQTabber',
fuiTabbar
},
data() { data() {
return { return {
userType:'',//用户类型|1=教练,2=销售,3=学员 userType: '', //用户类型|1=教练,2=销售,3=学员
current:'0', current: '0',
tabBar: [] tabBar: []
}; };
}, },
onShow(){ created() {
//设置缓存 //设置缓存
uni.setStorageSync('userType',1) uni.setStorageSync('userType', 1)
//获取缓存 //获取缓存
this.userType = uni.getStorageSync('userType') this.userType = uni.getStorageSync('userType')
this.init() this.init()
}, },
methods: { methods: {
async init(){ async init() {
switch (String(this.userType)){ switch (String(this.userType)) {
case "1"://教练 case "1": //教练
this.tabBar = [ this.tabBar = [{
{ text: "首页",
text: "首页", urlPath: 'pages/student/index/index', //自定义页面跳转路径
urlPath:'pages/student/index/index',//自定义页面跳转路径 iconPath: "/static/images/tabbar/home.png",
iconPath: "/static/images/tabbar/assembly_default_3x.png", selectedIconPath: "/static/images/tabbar/home_selected.png"
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" },
}, {
{ text: "课表",
text: "课表", urlPath: 'pages/student/timetable/index', //自定义页面跳转路径
urlPath:'pages/student/timetable/index',//自定义页面跳转路径 iconPath: "/static/images/tabbar/assembly_default_3x.png",
iconPath: "/static/images/tabbar/assembly_default_3x.png", selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" },
}, {
{ text: "班级",
text: "班级", urlPath: 'pages/student/my/my', //自定义页面跳转路径
urlPath:'pages/student/my/my',//自定义页面跳转路径 iconPath: "/static/images/tabbar/assembly_default_3x.png",
iconPath: "/static/images/tabbar/assembly_default_3x.png", selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" },
}, {
{ text: "我的",
text: "我的", urlPath: 'pages/student/my/my', //自定义页面跳转路径
urlPath:'pages/student/my/my',//自定义页面跳转路径 iconPath: "/static/images/tabbar/assembly_default_3x.png",
iconPath: "/static/images/tabbar/assembly_default_3x.png", selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" }
} ]
] break;
break; case "2": //销售
case "2"://销售 this.tabBar = [{
this.tabBar = [ text: "首页",
{ urlPath: 'pages/student/index/index', //自定义页面跳转路径
text: "首页", iconPath: "/static/images/tabbar/assembly_default_3x.png",
urlPath:'pages/student/index/index',//自定义页面跳转路径 selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
iconPath: "/static/images/tabbar/assembly_default_3x.png", },
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" {
}, text: "线索",
{ urlPath: 'pages/student/my/my', //自定义页面跳转路径
text: "线索", iconPath: "/static/images/tabbar/assembly_default_3x.png",
urlPath:'pages/student/my/my',//自定义页面跳转路径 selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
iconPath: "/static/images/tabbar/assembly_default_3x.png", },
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" {
}, text: "添加",
{ urlPath: 'pages/student/my/my', //自定义页面跳转路径
text: "添加", iconPath: "/static/images/tabbar/assembly_default_3x.png",
urlPath:'pages/student/my/my',//自定义页面跳转路径 selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png",
iconPath: "/static/images/tabbar/assembly_default_3x.png", midButton: true,
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png", width: 96,
midButton: true, height: 96
width: 96, },
height: 96 {
}, text: "数据",
{ urlPath: 'pages/student/my/my', //自定义页面跳转路径
text: "数据", iconPath: "/static/images/tabbar/assembly_default_3x.png",
urlPath:'pages/student/my/my',//自定义页面跳转路径 selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
iconPath: "/static/images/tabbar/assembly_default_3x.png", },
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" {
}, text: "我的",
{ urlPath: 'pages/student/my/my', //自定义页面跳转路径
text: "我的", iconPath: "/static/images/tabbar/assembly_default_3x.png",
urlPath:'pages/student/my/my',//自定义页面跳转路径 selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
iconPath: "/static/images/tabbar/assembly_default_3x.png", }
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" ]
} break;
] case "3": //学员
break; this.tabBar = [{
case "3"://学员 text: "首页",
this.tabBar = [ urlPath: 'pages/student/index/index', //自定义页面跳转路径
{ iconPath: "/static/images/tabbar/assembly_default_3x.png",
text: "首页", selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
urlPath:'pages/student/index/index',//自定义页面跳转路径 },
iconPath: "/static/images/tabbar/assembly_default_3x.png", {
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" text: "课表",
}, urlPath: 'pages/student/timetable/index', //自定义页面跳转路径
{ iconPath: "/static/images/tabbar/assembly_default_3x.png",
text: "课表", selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
urlPath:'pages/student/timetable/index',//自定义页面跳转路径 },
iconPath: "/static/images/tabbar/assembly_default_3x.png", {
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" text: "我的",
}, urlPath: 'pages/student/my/my', //自定义页面跳转路径
{ iconPath: "/static/images/tabbar/assembly_default_3x.png",
text: "我的", selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png"
urlPath:'pages/student/my/my',//自定义页面跳转路径 }
iconPath: "/static/images/tabbar/assembly_default_3x.png", ]
selectedIconPath: "/static/images/tabbar/assembly_selected_3x.png" break;
} }
] },
break;
}
},
openView(e){ openView(e) {
console.log('点击跳转',e) console.log('点击跳转', e)
}, },
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.fui-wrap { .fui-wrap {
//为防止标签栏遮住页面内容，页面底部需留白高度不低于标签栏高度。非Nvue端和头条小程序如果fixedHeight属性没有设置为true，则页面外层还需加入以下样式（或者在页面最底部加入`fui-safe-area` 组件）兼容异形屏： //为防止标签栏遮住页面内容，页面底部需留白高度不低于标签栏高度。非Nvue端和头条小程序如果fixedHeight属性没有设置为true，则页面外层还需加入以下样式（或者在页面最底部加入`fui-safe-area` 组件）兼容异形屏：
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
padding-bottom: constant(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
/* #endif */ /* #endif */
} }
</style> </style>

190
pages/student/index/index.vue
View File

@ -1,67 +1,6 @@
<template> <template>
<view> <view>
<view class="top"> <AQTabber></AQTabber>
<view class="top_1">发现</view>
<view class="top_2" @click="publishing"><fui-icon name="plussign" size="80" fontWeight="Number"></fui-icon></view>
</view>
<view style="position: relative;" class="middle" v-for="(item, index) in list" :key="index" v-if="list.length > 0">
<view class="middles">
<view class="middles_1" v-if="item.headimg">
<image class="middles_1_img" :src="item.headimg"></image>
</view>
<view class="middles_1" v-else>
<image class="middles_1_img" src="/static/images/home/tixing.png"></image>
</view>
<view class="middles_2">
<view class="middles_info1">{{item.user}}</view>
<view class="middles_info2">{{item.timedifference}}</view>
</view>
</view>
<view class="shoucang" style="border: 5rpx #f8627f solid;color: #f8627f;" v-if="item.collections == 1" @click="collection(item.id,um_id)">收藏</view>
<view class="shoucang" style="border: 5rpx #ccc solid;" v-else @click="collection(item.id,um_id)">收藏</view>
<view @click="coninfo(item)" style="height: 300rpx;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;">
<view class="middles_con">
{{item.activity}}
</view>
<view class="middles_con" v-if="item.imagesnum!=0">
<view>
<view style="width: 32%;height: 200rpx;display: inline-block;margin:2rpx;" v-for="(item1, index) in item.images" :key="index">
<image :src="item1" style="width: 100%;height: 100%;"></image>
</view>
</view>
</view>
<view class="middles_con">
{{item.content}}
</view>
</view>
<view class="middles_con" style="font-size: 20rpx;color: #ccc;" @click="coninfo(item)">
点击内容查看详情
</view>
<view class="middles_bom">
<view class="middles_bom_1 middles_boms" v-if="item.area">{{item.area}}</view>
<view class="middles_bom_2 middles_boms">
<fui-icon name="fabulous-fill" color="#f8627f" size="45" @click="like(item.id,item.um_id)"></fui-icon>
{{item.likes}}
</view>
<view class="middles_bom_3 middles_boms" @click="Comment(item.id)">
<fui-icon name="comment-fill" color="#6281a6" size="45"></fui-icon>
{{item.comment}}
</view>
</view>
<view style="width: 100%;height: 20rpx;"></view>
</view>
<view class="empty" v-if="!list.length">
<view style="width: 200rpx;">
<img src="@/static/icon-img/kkry.png" alt="" style="width: 180rpx;height: 180rpx;">
<view style="font-size: 28rpx;font-weight: 800;color: #00be8c;">
还没有任何提醒
</view>
</view>
</view>
<view style="width: 100%;height: 20rpx;"></view>
<AQTabber></AQTabber>
</view> </view>
</template> </template>
@ -76,118 +15,31 @@
}, },
data() { data() {
return { return {
list:[],
likes:0,
type:1,
type1:1,
activity_id:0,
um_id:0,
urls:'http://medication.zeyan.wang/'
} }
}, },
onLoad() { onLoad() {
wx.hideTabBar({
success: function() {
console.log('TabBar 已隐藏');
},
fail: function(err) {
console.error('隐藏TabBar失败', err);
}
});
const um_id = uni.getStorageSync('um_id');
this.um_id = um_id
if (um_id == '') {
uni.navigateTo({
url: '/pages/login/login'
})
}
this.fetchData(this.um_id)
}, },
methods: { methods: {
fetchData(um_id) { // fetchData(um_id) {
user.activity_index({ // user.activity_index({
um_id: um_id // um_id: um_id
}).then(res => { // }).then(res => {
console.log(res) // console.log(res)
if(res.status == 200){ // if(res.status == 200){
if(res.data == null){ // if(res.data == null){
this.list = [] // this.list = []
}else{ // }else{
this.list = res.data // this.list = res.data
} // }
}else{ // }else{
uni.showToast({ // uni.showToast({
title: res.msg, // title: res.msg,
icon: 'none' // icon: 'none'
}) // })
} // }
}); // });
}, // },
onPullDownRefresh(){
this.fetchData(this.um_id)
},
publishing(){
uni.navigateTo({
url: '/pages/index/publishing'
})
},
like(id,um_id){
user.activity_like({um_id:um_id,activity_id:id,type:1}).then(res => {
if(res.status == 200){
user.activity_index({
um_id: um_id
}).then(res => {
console.log(res)
if(res.status == 200){
this.list = res.data
}
});
this.type = res.data.type
this.activity_id = res.data.activity_id
}else{
uni.showToast({
title: res.msg,
icon: 'none'
})
}
});
},
collection(id,um_id){
user.activity_like({um_id:um_id,activity_id:id,type:2}).then(res => {
if(res.status == 200){
console.log(res)
this.fetchData(this.um_id)
this.type1 = res.data.type
this.activity_id = res.data.activity_id
}else{
uni.showToast({
title: res.msg,
icon: 'none'
})
}
});
},
coninfo(item){
// user.coninfo({id:id}).then(res => {
// if(res.status == 200){
uni.setStorageSync('coninfo', item);
uni.navigateTo({
url: '/pages/index/coninfo'
})
// }else{
// uni.showToast({
// title: res.msg,
// icon: 'none'
// })
// }
// });
},
Comment(id){
uni.setStorageSync('actid', id);
uni.navigateTo({
url: '/pages/index/Comment'
})
}
} }
} }
</script> </script>

Write Preview
Loading…
Cancel
Save