188 lines
2.8 KiB
Vue
188 lines
2.8 KiB
Vue
<script>
|
||
import {
|
||
mapState,
|
||
mapActions
|
||
} from 'vuex'
|
||
export default {
|
||
computed: {
|
||
...mapState(['token'])
|
||
},
|
||
onLaunch: function() {
|
||
console.log('App Launch')
|
||
if (this.token) {
|
||
this.getUserInfo()
|
||
} else {
|
||
// #ifdef H5
|
||
uni.reLaunch({
|
||
url: '/pages/login/login'
|
||
})
|
||
// #endif
|
||
}
|
||
},
|
||
onShow: function() {
|
||
console.log('App Show')
|
||
uni.hideTabBar()
|
||
},
|
||
onHide: function() {
|
||
console.log('App Hide')
|
||
},
|
||
methods: {
|
||
|
||
...mapActions(['getUserInfo']),
|
||
}
|
||
}
|
||
</script>
|
||
<!--
|
||
待完成：
|
||
1. 短剧列表 -
|
||
3. 邀请好友收入 -
|
||
4. 数据收益 -
|
||
5. 任务详情
|
||
6. 我的钱包，收益提现等
|
||
7. 我的-账号管理
|
||
8. 我的-邀请好友 -
|
||
9. 消息 -
|
||
|
||
1. 推广操作，我的推广链接
|
||
2. 小程序首页的变现项目里的我要加入，是个什么操作，麻雀的是跳转app下载链接页
|
||
3. 邀请好友操作
|
||
4. 提现操作
|
||
5. 账号管理新建账号
|
||
|
||
任务接口：
|
||
1. 少了图片字段
|
||
2. 视频数、播放数、评论数、获赞数。这个不知道先需要做成什么样需要问问
|
||
3. 详情里的播放排行也需要确定下
|
||
-->
|
||
<style lang="scss">
|
||
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
|
||
@import "@/uni_modules/uview-ui/index.scss";
|
||
|
||
page {
|
||
background-color: #f7f8fa;
|
||
}
|
||
|
||
.link-text {
|
||
color: $uni-theme;
|
||
}
|
||
|
||
.c-menu {
|
||
border-radius: 10upx;
|
||
margin-top: 20upx;
|
||
background-color: #fff;
|
||
}
|
||
|
||
::v-deep .c-menu .u-form-item:last-child {
|
||
.u-line {
|
||
display: none !important;
|
||
}
|
||
}
|
||
|
||
::v-deep .c-menu .u-cell:last-child {
|
||
.u-line {
|
||
display: none !important;
|
||
}
|
||
}
|
||
|
||
.c-btn:active {
|
||
opacity: 0.6;
|
||
}
|
||
|
||
|
||
.wrap {
|
||
background-color: #F7F8FA;
|
||
height: 100vh;
|
||
position: relative;
|
||
overflow: auto;
|
||
}
|
||
|
||
.w-full {
|
||
width: 100%;
|
||
}
|
||
|
||
.h-full {
|
||
height: 100%;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
}
|
||
|
||
.flex-1 {
|
||
flex: 1;
|
||
}
|
||
|
||
.flex-row {
|
||
flex-direction: row;
|
||
}
|
||
|
||
.flex-col {
|
||
flex-direction: column;
|
||
}
|
||
|
||
.justify-start {
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.justify-end {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.justify-center {
|
||
justify-content: center;
|
||
}
|
||
|
||
.justify-between {
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.items-start {
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.items-end {
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.items-center {
|
||
align-items: center;
|
||
}
|
||
|
||
.flex-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.flex-nowrap {
|
||
flex-wrap: nowrap;
|
||
}
|
||
|
||
.p-20 {
|
||
padding: 20upx;
|
||
}
|
||
|
||
.p-30 {
|
||
padding: 30upx;
|
||
}
|
||
|
||
.p-d-20 {
|
||
padding: 20upx 0;
|
||
}
|
||
|
||
.p-r-20 {
|
||
padding: 0 20upx;
|
||
}
|
||
|
||
.bg-white {
|
||
background-color: #ffffff;
|
||
}
|
||
|
||
.rounded {
|
||
border-radius: 20upx;
|
||
}
|
||
|
||
.ellipsis {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
</style> |