@ -1,17 +1,57 @@ |
|||
{ |
|||
"pages": [{ |
|||
"path": "pages/index/index", |
|||
"style": { |
|||
"navigationBarTitleText": "uni-app" |
|||
} |
|||
}], |
|||
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages |
|||
{ |
|||
"path": "pages/index/index", |
|||
"style": { |
|||
"navigationBarTitleText": "首页", |
|||
"enablePullDownRefresh": true |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/profit/index", |
|||
"style": { |
|||
"navigationBarTitleText": "收益", |
|||
"enablePullDownRefresh": true |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/userInfo/index", |
|||
"style": { |
|||
"navigationBarTitleText": "我的", |
|||
"enablePullDownRefresh": false |
|||
} |
|||
} |
|||
], |
|||
"globalStyle": { |
|||
"navigationBarTextStyle": "black", |
|||
"navigationBarTitleText": "uni-app", |
|||
"navigationBarTitleText": "bnyer", |
|||
"navigationBarBackgroundColor": "#F8F8F8", |
|||
"backgroundColor": "#F8F8F8" |
|||
}, |
|||
//底部跳转tab |
|||
"tabBar": { |
|||
"color": "#7A7E83", |
|||
"selectedColor": "#1296DB", |
|||
"borderStyle": "black", |
|||
"backgroundColor": "#F8F8F8", |
|||
"app-plus": { |
|||
"background": "#efeff4" |
|||
} |
|||
"list": [{ |
|||
"pagePath": "pages/index/index", |
|||
"iconPath": "static/index-default.png", |
|||
"selectedIconPath": "static/index-select.png", |
|||
"text": "首页" |
|||
}, |
|||
{ |
|||
"pagePath": "pages/profit/index", |
|||
"iconPath": "static/theme-default.png", |
|||
"selectedIconPath": "static/theme-select.png", |
|||
"text": "收益" |
|||
}, |
|||
{ |
|||
"pagePath": "pages/userInfo/index", |
|||
"iconPath": "static/mine-default.png", |
|||
"selectedIconPath": "static/mine-select.png", |
|||
"text": "我的" |
|||
} |
|||
] |
|||
} |
|||
} |
|||
|
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<!-- <view v-if="!showChoiceness"> |
|||
<view class="top"> |
|||
<image class="back-img" src="../../static/img/start.gif" mode=""></image> |
|||
<view class="top-bottom"> |
|||
</view> |
|||
<uni-search-bar class="uni-mt-10" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none" |
|||
@confirm="search" /> |
|||
<text>热门艺术家</text> |
|||
<view class="user-list"> |
|||
<view class="user-list-box" v-for="(item,index) in hotCreatorList" :key='item.id' |
|||
@click="goCreatorDetail(item.scanCode)"> |
|||
<image :src="item.img" mode=""></image> |
|||
<text>{{item.scanCode}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="middle"> |
|||
<text>近期精选</text> |
|||
<image src="../../static/img/slide-top.svg" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<Choiceness v-else></Choiceness> --> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
loginWx |
|||
} from '@/api/index.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
hotCreatorList: [], |
|||
isTarget: true, |
|||
showChoiceness:false |
|||
} |
|||
}, |
|||
// 下拉刷新 |
|||
onPullDownRefresh() { |
|||
this.showChoiceness = false |
|||
uni.stopPullDownRefresh() |
|||
}, |
|||
created() { |
|||
const userInfo = uni.getStorageSync('userInfo') |
|||
if (!userInfo) { |
|||
console.log('havent userInfo') |
|||
this.getUserInfo() |
|||
} else { |
|||
console.log('have userInfo') |
|||
} |
|||
}, |
|||
onPageScroll(e) { |
|||
// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件 |
|||
|
|||
if (e.scrollTop > 160) { |
|||
this.showChoiceness = true |
|||
// uni.redirectTo({ |
|||
// url: '../index/choiceness' |
|||
// }) |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索 |
|||
search(res) { |
|||
if (res.value) { |
|||
console.log('search', res.value) |
|||
this.goCreatorDetail(res.value) |
|||
} else { |
|||
uni.showToast({ |
|||
title: '请输入艺术家代号', |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
// 获取用户信息 |
|||
getUserInfo() { |
|||
wx.login({ |
|||
force: true, |
|||
success: res => { |
|||
wx.getUserInfo({ |
|||
withCredentials: true, |
|||
success: userInfo => { |
|||
const params = { |
|||
code: res.code, |
|||
encryptedData: userInfo.encryptedData, |
|||
iv: userInfo.iv |
|||
} |
|||
// 用户授权登录 |
|||
console.log('params',params); |
|||
loginWx(params).then(res => { |
|||
if (res.data.code === 200) { |
|||
uni.setStorage({ |
|||
key: 'userInfo', |
|||
data: res.data.data.userInfo, |
|||
}) |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.data.msg, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
}).catch(res => {}) |
|||
console.log(`getUserInfo 调用成功`, userInfo); |
|||
}, |
|||
fail(userInfo) { |
|||
console.log(`getUserInfo 调用失败`); |
|||
}, |
|||
}); |
|||
}, |
|||
fail(res) { |
|||
console.log(`login 调用失败`); |
|||
}, |
|||
}); |
|||
|
|||
}, |
|||
|
|||
|
|||
// 滚动监听 |
|||
handleScroll() { |
|||
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop |
|||
console.log(scrollTop) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.container { |
|||
.top { |
|||
width: 100vw; |
|||
|
|||
image { |
|||
width: 100vw; |
|||
height: 400rpx; |
|||
} |
|||
|
|||
.uni-searchbar { |
|||
border: 1px solid #11A8FD; |
|||
margin: 0 40rpx; |
|||
border-radius: 16rpx; |
|||
padding: 0; |
|||
|
|||
.uni-searchbar__box { |
|||
padding: 0; |
|||
border-radius: 16rpx !important; |
|||
} |
|||
} |
|||
|
|||
>text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
text-align: center; |
|||
padding-top: 40rpx; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.user-list { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
overflow-x: auto; |
|||
|
|||
.user-list-box { |
|||
width: 140rpx; |
|||
padding: 20rpx; |
|||
text-align: center; |
|||
|
|||
image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
text { |
|||
font-size: 24rpx; |
|||
color: #1E1E1E; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.middle { |
|||
text-align: center; |
|||
height: calc(100vh - 248rpx); |
|||
padding-top: 40rpx; |
|||
|
|||
text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
} |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,180 @@ |
|||
<template> |
|||
<view class="container"> |
|||
我是关于页面 |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
// export default { |
|||
// data() { |
|||
// return { |
|||
// hotCreatorList: [], |
|||
// isTarget: true, |
|||
// showChoiceness:false |
|||
// } |
|||
// }, |
|||
// // 下拉刷新 |
|||
// onPullDownRefresh() { |
|||
// this.showChoiceness = false |
|||
// uni.stopPullDownRefresh() |
|||
// }, |
|||
// created() { |
|||
// const userInfo = uni.getStorageSync('userInfo') |
|||
// if (!userInfo) { |
|||
// console.log('havent userInfo') |
|||
// this.getUserInfo() |
|||
// } else { |
|||
// console.log('have userInfo') |
|||
// } |
|||
// }, |
|||
// onPageScroll(e) { |
|||
// // 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件 |
|||
|
|||
// if (e.scrollTop > 160) { |
|||
// this.showChoiceness = true |
|||
// // uni.redirectTo({ |
|||
// // url: '../index/choiceness' |
|||
// // }) |
|||
// } |
|||
// }, |
|||
// methods: { |
|||
// // 搜索 |
|||
// search(res) { |
|||
// if (res.value) { |
|||
// console.log('search', res.value) |
|||
// this.goCreatorDetail(res.value) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: '请输入艺术家代号', |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
|
|||
// }, |
|||
// // 获取用户信息 |
|||
// getUserInfo() { |
|||
// wx.login({ |
|||
// force: true, |
|||
// success: res => { |
|||
// wx.getUserInfo({ |
|||
// withCredentials: true, |
|||
// success: userInfo => { |
|||
// const params = { |
|||
// code: res.code, |
|||
// encryptedData: userInfo.encryptedData, |
|||
// iv: userInfo.iv |
|||
// } |
|||
// // 用户授权登录 |
|||
// console.log('params',params); |
|||
// loginWx(params).then(res => { |
|||
// if (res.data.code === 200) { |
|||
// uni.setStorage({ |
|||
// key: 'userInfo', |
|||
// data: res.data.data.userInfo, |
|||
// }) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: res.data.msg, |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
// }).catch(res => {}) |
|||
// console.log(`getUserInfo 调用成功`, userInfo); |
|||
// }, |
|||
// fail(userInfo) { |
|||
// console.log(`getUserInfo 调用失败`); |
|||
// }, |
|||
// }); |
|||
// }, |
|||
// fail(res) { |
|||
// console.log(`login 调用失败`); |
|||
// }, |
|||
// }); |
|||
|
|||
// }, |
|||
|
|||
|
|||
// // 滚动监听 |
|||
// handleScroll() { |
|||
// let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop |
|||
// console.log(scrollTop) |
|||
// }, |
|||
// }, |
|||
// } |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.container { |
|||
.top { |
|||
width: 100vw; |
|||
|
|||
image { |
|||
width: 100vw; |
|||
height: 400rpx; |
|||
} |
|||
|
|||
.uni-searchbar { |
|||
border: 1px solid #11A8FD; |
|||
margin: 0 40rpx; |
|||
border-radius: 16rpx; |
|||
padding: 0; |
|||
|
|||
.uni-searchbar__box { |
|||
padding: 0; |
|||
border-radius: 16rpx !important; |
|||
} |
|||
} |
|||
|
|||
>text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
text-align: center; |
|||
padding-top: 40rpx; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.user-list { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
overflow-x: auto; |
|||
|
|||
.user-list-box { |
|||
width: 140rpx; |
|||
padding: 20rpx; |
|||
text-align: center; |
|||
|
|||
image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
text { |
|||
font-size: 24rpx; |
|||
color: #1E1E1E; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.middle { |
|||
text-align: center; |
|||
height: calc(100vh - 248rpx); |
|||
padding-top: 40rpx; |
|||
|
|||
text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
} |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,180 @@ |
|||
<template> |
|||
<view class="container"> |
|||
我是联系客服页面 |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
// export default { |
|||
// data() { |
|||
// return { |
|||
// hotCreatorList: [], |
|||
// isTarget: true, |
|||
// showChoiceness:false |
|||
// } |
|||
// }, |
|||
// // 下拉刷新 |
|||
// onPullDownRefresh() { |
|||
// this.showChoiceness = false |
|||
// uni.stopPullDownRefresh() |
|||
// }, |
|||
// created() { |
|||
// const userInfo = uni.getStorageSync('userInfo') |
|||
// if (!userInfo) { |
|||
// console.log('havent userInfo') |
|||
// this.getUserInfo() |
|||
// } else { |
|||
// console.log('have userInfo') |
|||
// } |
|||
// }, |
|||
// onPageScroll(e) { |
|||
// // 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件 |
|||
|
|||
// if (e.scrollTop > 160) { |
|||
// this.showChoiceness = true |
|||
// // uni.redirectTo({ |
|||
// // url: '../index/choiceness' |
|||
// // }) |
|||
// } |
|||
// }, |
|||
// methods: { |
|||
// // 搜索 |
|||
// search(res) { |
|||
// if (res.value) { |
|||
// console.log('search', res.value) |
|||
// this.goCreatorDetail(res.value) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: '请输入艺术家代号', |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
|
|||
// }, |
|||
// // 获取用户信息 |
|||
// getUserInfo() { |
|||
// wx.login({ |
|||
// force: true, |
|||
// success: res => { |
|||
// wx.getUserInfo({ |
|||
// withCredentials: true, |
|||
// success: userInfo => { |
|||
// const params = { |
|||
// code: res.code, |
|||
// encryptedData: userInfo.encryptedData, |
|||
// iv: userInfo.iv |
|||
// } |
|||
// // 用户授权登录 |
|||
// console.log('params',params); |
|||
// loginWx(params).then(res => { |
|||
// if (res.data.code === 200) { |
|||
// uni.setStorage({ |
|||
// key: 'userInfo', |
|||
// data: res.data.data.userInfo, |
|||
// }) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: res.data.msg, |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
// }).catch(res => {}) |
|||
// console.log(`getUserInfo 调用成功`, userInfo); |
|||
// }, |
|||
// fail(userInfo) { |
|||
// console.log(`getUserInfo 调用失败`); |
|||
// }, |
|||
// }); |
|||
// }, |
|||
// fail(res) { |
|||
// console.log(`login 调用失败`); |
|||
// }, |
|||
// }); |
|||
|
|||
// }, |
|||
|
|||
|
|||
// // 滚动监听 |
|||
// handleScroll() { |
|||
// let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop |
|||
// console.log(scrollTop) |
|||
// }, |
|||
// }, |
|||
// } |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.container { |
|||
.top { |
|||
width: 100vw; |
|||
|
|||
image { |
|||
width: 100vw; |
|||
height: 400rpx; |
|||
} |
|||
|
|||
.uni-searchbar { |
|||
border: 1px solid #11A8FD; |
|||
margin: 0 40rpx; |
|||
border-radius: 16rpx; |
|||
padding: 0; |
|||
|
|||
.uni-searchbar__box { |
|||
padding: 0; |
|||
border-radius: 16rpx !important; |
|||
} |
|||
} |
|||
|
|||
>text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
text-align: center; |
|||
padding-top: 40rpx; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.user-list { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
overflow-x: auto; |
|||
|
|||
.user-list-box { |
|||
width: 140rpx; |
|||
padding: 20rpx; |
|||
text-align: center; |
|||
|
|||
image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
text { |
|||
font-size: 24rpx; |
|||
color: #1E1E1E; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.middle { |
|||
text-align: center; |
|||
height: calc(100vh - 248rpx); |
|||
padding-top: 40rpx; |
|||
|
|||
text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
} |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,180 @@ |
|||
<template> |
|||
<view class="container"> |
|||
我是邀请更多页面 |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
// export default { |
|||
// data() { |
|||
// return { |
|||
// hotCreatorList: [], |
|||
// isTarget: true, |
|||
// showChoiceness:false |
|||
// } |
|||
// }, |
|||
// // 下拉刷新 |
|||
// onPullDownRefresh() { |
|||
// this.showChoiceness = false |
|||
// uni.stopPullDownRefresh() |
|||
// }, |
|||
// created() { |
|||
// const userInfo = uni.getStorageSync('userInfo') |
|||
// if (!userInfo) { |
|||
// console.log('havent userInfo') |
|||
// this.getUserInfo() |
|||
// } else { |
|||
// console.log('have userInfo') |
|||
// } |
|||
// }, |
|||
// onPageScroll(e) { |
|||
// // 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件 |
|||
|
|||
// if (e.scrollTop > 160) { |
|||
// this.showChoiceness = true |
|||
// // uni.redirectTo({ |
|||
// // url: '../index/choiceness' |
|||
// // }) |
|||
// } |
|||
// }, |
|||
// methods: { |
|||
// // 搜索 |
|||
// search(res) { |
|||
// if (res.value) { |
|||
// console.log('search', res.value) |
|||
// this.goCreatorDetail(res.value) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: '请输入艺术家代号', |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
|
|||
// }, |
|||
// // 获取用户信息 |
|||
// getUserInfo() { |
|||
// wx.login({ |
|||
// force: true, |
|||
// success: res => { |
|||
// wx.getUserInfo({ |
|||
// withCredentials: true, |
|||
// success: userInfo => { |
|||
// const params = { |
|||
// code: res.code, |
|||
// encryptedData: userInfo.encryptedData, |
|||
// iv: userInfo.iv |
|||
// } |
|||
// // 用户授权登录 |
|||
// console.log('params',params); |
|||
// loginWx(params).then(res => { |
|||
// if (res.data.code === 200) { |
|||
// uni.setStorage({ |
|||
// key: 'userInfo', |
|||
// data: res.data.data.userInfo, |
|||
// }) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: res.data.msg, |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
// }).catch(res => {}) |
|||
// console.log(`getUserInfo 调用成功`, userInfo); |
|||
// }, |
|||
// fail(userInfo) { |
|||
// console.log(`getUserInfo 调用失败`); |
|||
// }, |
|||
// }); |
|||
// }, |
|||
// fail(res) { |
|||
// console.log(`login 调用失败`); |
|||
// }, |
|||
// }); |
|||
|
|||
// }, |
|||
|
|||
|
|||
// // 滚动监听 |
|||
// handleScroll() { |
|||
// let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop |
|||
// console.log(scrollTop) |
|||
// }, |
|||
// }, |
|||
// } |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.container { |
|||
.top { |
|||
width: 100vw; |
|||
|
|||
image { |
|||
width: 100vw; |
|||
height: 400rpx; |
|||
} |
|||
|
|||
.uni-searchbar { |
|||
border: 1px solid #11A8FD; |
|||
margin: 0 40rpx; |
|||
border-radius: 16rpx; |
|||
padding: 0; |
|||
|
|||
.uni-searchbar__box { |
|||
padding: 0; |
|||
border-radius: 16rpx !important; |
|||
} |
|||
} |
|||
|
|||
>text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
text-align: center; |
|||
padding-top: 40rpx; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.user-list { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
overflow-x: auto; |
|||
|
|||
.user-list-box { |
|||
width: 140rpx; |
|||
padding: 20rpx; |
|||
text-align: center; |
|||
|
|||
image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
text { |
|||
font-size: 24rpx; |
|||
color: #1E1E1E; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.middle { |
|||
text-align: center; |
|||
height: calc(100vh - 248rpx); |
|||
padding-top: 40rpx; |
|||
|
|||
text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
} |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<!-- <view v-if="!showChoiceness"> |
|||
<view class="top"> |
|||
<image class="back-img" src="../../static/img/start.gif" mode=""></image> |
|||
<view class="top-bottom"> |
|||
</view> |
|||
<uni-search-bar class="uni-mt-10" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none" |
|||
@confirm="search" /> |
|||
<text>热门艺术家</text> |
|||
<view class="user-list"> |
|||
<view class="user-list-box" v-for="(item,index) in hotCreatorList" :key='item.id' |
|||
@click="goCreatorDetail(item.scanCode)"> |
|||
<image :src="item.img" mode=""></image> |
|||
<text>{{item.scanCode}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="middle"> |
|||
<text>近期精选</text> |
|||
<image src="../../static/img/slide-top.svg" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<Choiceness v-else></Choiceness> --> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
loginWx |
|||
} from '@/api/index.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
hotCreatorList: [], |
|||
isTarget: true, |
|||
showChoiceness:false |
|||
} |
|||
}, |
|||
// 下拉刷新 |
|||
onPullDownRefresh() { |
|||
this.showChoiceness = false |
|||
uni.stopPullDownRefresh() |
|||
}, |
|||
created() { |
|||
const userInfo = uni.getStorageSync('userInfo') |
|||
if (!userInfo) { |
|||
console.log('havent userInfo') |
|||
this.getUserInfo() |
|||
} else { |
|||
console.log('have userInfo') |
|||
} |
|||
}, |
|||
onPageScroll(e) { |
|||
// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件 |
|||
|
|||
if (e.scrollTop > 160) { |
|||
this.showChoiceness = true |
|||
// uni.redirectTo({ |
|||
// url: '../index/choiceness' |
|||
// }) |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索 |
|||
search(res) { |
|||
if (res.value) { |
|||
console.log('search', res.value) |
|||
this.goCreatorDetail(res.value) |
|||
} else { |
|||
uni.showToast({ |
|||
title: '请输入艺术家代号', |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
// 获取用户信息 |
|||
getUserInfo() { |
|||
wx.login({ |
|||
force: true, |
|||
success: res => { |
|||
wx.getUserInfo({ |
|||
withCredentials: true, |
|||
success: userInfo => { |
|||
const params = { |
|||
code: res.code, |
|||
encryptedData: userInfo.encryptedData, |
|||
iv: userInfo.iv |
|||
} |
|||
// 用户授权登录 |
|||
console.log('params',params); |
|||
loginWx(params).then(res => { |
|||
if (res.data.code === 200) { |
|||
uni.setStorage({ |
|||
key: 'userInfo', |
|||
data: res.data.data.userInfo, |
|||
}) |
|||
} else { |
|||
uni.showToast({ |
|||
title: res.data.msg, |
|||
icon: 'none' |
|||
}) |
|||
} |
|||
}).catch(res => {}) |
|||
console.log(`getUserInfo 调用成功`, userInfo); |
|||
}, |
|||
fail(userInfo) { |
|||
console.log(`getUserInfo 调用失败`); |
|||
}, |
|||
}); |
|||
}, |
|||
fail(res) { |
|||
console.log(`login 调用失败`); |
|||
}, |
|||
}); |
|||
|
|||
}, |
|||
|
|||
|
|||
// 滚动监听 |
|||
handleScroll() { |
|||
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop |
|||
console.log(scrollTop) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.container { |
|||
.top { |
|||
width: 100vw; |
|||
|
|||
image { |
|||
width: 100vw; |
|||
height: 400rpx; |
|||
} |
|||
|
|||
.uni-searchbar { |
|||
border: 1px solid #11A8FD; |
|||
margin: 0 40rpx; |
|||
border-radius: 16rpx; |
|||
padding: 0; |
|||
|
|||
.uni-searchbar__box { |
|||
padding: 0; |
|||
border-radius: 16rpx !important; |
|||
} |
|||
} |
|||
|
|||
>text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
text-align: center; |
|||
padding-top: 40rpx; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.user-list { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
overflow-x: auto; |
|||
|
|||
.user-list-box { |
|||
width: 140rpx; |
|||
padding: 20rpx; |
|||
text-align: center; |
|||
|
|||
image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
text { |
|||
font-size: 24rpx; |
|||
color: #1E1E1E; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.middle { |
|||
text-align: center; |
|||
height: calc(100vh - 248rpx); |
|||
padding-top: 40rpx; |
|||
|
|||
text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
} |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,180 @@ |
|||
<template> |
|||
<view class="container"> |
|||
我是邀请记录页面 |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
// export default { |
|||
// data() { |
|||
// return { |
|||
// hotCreatorList: [], |
|||
// isTarget: true, |
|||
// showChoiceness:false |
|||
// } |
|||
// }, |
|||
// // 下拉刷新 |
|||
// onPullDownRefresh() { |
|||
// this.showChoiceness = false |
|||
// uni.stopPullDownRefresh() |
|||
// }, |
|||
// created() { |
|||
// const userInfo = uni.getStorageSync('userInfo') |
|||
// if (!userInfo) { |
|||
// console.log('havent userInfo') |
|||
// this.getUserInfo() |
|||
// } else { |
|||
// console.log('have userInfo') |
|||
// } |
|||
// }, |
|||
// onPageScroll(e) { |
|||
// // 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件 |
|||
|
|||
// if (e.scrollTop > 160) { |
|||
// this.showChoiceness = true |
|||
// // uni.redirectTo({ |
|||
// // url: '../index/choiceness' |
|||
// // }) |
|||
// } |
|||
// }, |
|||
// methods: { |
|||
// // 搜索 |
|||
// search(res) { |
|||
// if (res.value) { |
|||
// console.log('search', res.value) |
|||
// this.goCreatorDetail(res.value) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: '请输入艺术家代号', |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
|
|||
// }, |
|||
// // 获取用户信息 |
|||
// getUserInfo() { |
|||
// wx.login({ |
|||
// force: true, |
|||
// success: res => { |
|||
// wx.getUserInfo({ |
|||
// withCredentials: true, |
|||
// success: userInfo => { |
|||
// const params = { |
|||
// code: res.code, |
|||
// encryptedData: userInfo.encryptedData, |
|||
// iv: userInfo.iv |
|||
// } |
|||
// // 用户授权登录 |
|||
// console.log('params',params); |
|||
// loginWx(params).then(res => { |
|||
// if (res.data.code === 200) { |
|||
// uni.setStorage({ |
|||
// key: 'userInfo', |
|||
// data: res.data.data.userInfo, |
|||
// }) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: res.data.msg, |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
// }).catch(res => {}) |
|||
// console.log(`getUserInfo 调用成功`, userInfo); |
|||
// }, |
|||
// fail(userInfo) { |
|||
// console.log(`getUserInfo 调用失败`); |
|||
// }, |
|||
// }); |
|||
// }, |
|||
// fail(res) { |
|||
// console.log(`login 调用失败`); |
|||
// }, |
|||
// }); |
|||
|
|||
// }, |
|||
|
|||
|
|||
// // 滚动监听 |
|||
// handleScroll() { |
|||
// let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop |
|||
// console.log(scrollTop) |
|||
// }, |
|||
// }, |
|||
// } |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.container { |
|||
.top { |
|||
width: 100vw; |
|||
|
|||
image { |
|||
width: 100vw; |
|||
height: 400rpx; |
|||
} |
|||
|
|||
.uni-searchbar { |
|||
border: 1px solid #11A8FD; |
|||
margin: 0 40rpx; |
|||
border-radius: 16rpx; |
|||
padding: 0; |
|||
|
|||
.uni-searchbar__box { |
|||
padding: 0; |
|||
border-radius: 16rpx !important; |
|||
} |
|||
} |
|||
|
|||
>text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
text-align: center; |
|||
padding-top: 40rpx; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.user-list { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
overflow-x: auto; |
|||
|
|||
.user-list-box { |
|||
width: 140rpx; |
|||
padding: 20rpx; |
|||
text-align: center; |
|||
|
|||
image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
text { |
|||
font-size: 24rpx; |
|||
color: #1E1E1E; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.middle { |
|||
text-align: center; |
|||
height: calc(100vh - 248rpx); |
|||
padding-top: 40rpx; |
|||
|
|||
text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
} |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,180 @@ |
|||
<template> |
|||
<view class="container"> |
|||
我是通知消息 |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
// export default { |
|||
// data() { |
|||
// return { |
|||
// hotCreatorList: [], |
|||
// isTarget: true, |
|||
// showChoiceness:false |
|||
// } |
|||
// }, |
|||
// // 下拉刷新 |
|||
// onPullDownRefresh() { |
|||
// this.showChoiceness = false |
|||
// uni.stopPullDownRefresh() |
|||
// }, |
|||
// created() { |
|||
// const userInfo = uni.getStorageSync('userInfo') |
|||
// if (!userInfo) { |
|||
// console.log('havent userInfo') |
|||
// this.getUserInfo() |
|||
// } else { |
|||
// console.log('have userInfo') |
|||
// } |
|||
// }, |
|||
// onPageScroll(e) { |
|||
// // 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件 |
|||
|
|||
// if (e.scrollTop > 160) { |
|||
// this.showChoiceness = true |
|||
// // uni.redirectTo({ |
|||
// // url: '../index/choiceness' |
|||
// // }) |
|||
// } |
|||
// }, |
|||
// methods: { |
|||
// // 搜索 |
|||
// search(res) { |
|||
// if (res.value) { |
|||
// console.log('search', res.value) |
|||
// this.goCreatorDetail(res.value) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: '请输入艺术家代号', |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
|
|||
// }, |
|||
// // 获取用户信息 |
|||
// getUserInfo() { |
|||
// wx.login({ |
|||
// force: true, |
|||
// success: res => { |
|||
// wx.getUserInfo({ |
|||
// withCredentials: true, |
|||
// success: userInfo => { |
|||
// const params = { |
|||
// code: res.code, |
|||
// encryptedData: userInfo.encryptedData, |
|||
// iv: userInfo.iv |
|||
// } |
|||
// // 用户授权登录 |
|||
// console.log('params',params); |
|||
// loginWx(params).then(res => { |
|||
// if (res.data.code === 200) { |
|||
// uni.setStorage({ |
|||
// key: 'userInfo', |
|||
// data: res.data.data.userInfo, |
|||
// }) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: res.data.msg, |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
// }).catch(res => {}) |
|||
// console.log(`getUserInfo 调用成功`, userInfo); |
|||
// }, |
|||
// fail(userInfo) { |
|||
// console.log(`getUserInfo 调用失败`); |
|||
// }, |
|||
// }); |
|||
// }, |
|||
// fail(res) { |
|||
// console.log(`login 调用失败`); |
|||
// }, |
|||
// }); |
|||
|
|||
// }, |
|||
|
|||
|
|||
// // 滚动监听 |
|||
// handleScroll() { |
|||
// let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop |
|||
// console.log(scrollTop) |
|||
// }, |
|||
// }, |
|||
// } |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.container { |
|||
.top { |
|||
width: 100vw; |
|||
|
|||
image { |
|||
width: 100vw; |
|||
height: 400rpx; |
|||
} |
|||
|
|||
.uni-searchbar { |
|||
border: 1px solid #11A8FD; |
|||
margin: 0 40rpx; |
|||
border-radius: 16rpx; |
|||
padding: 0; |
|||
|
|||
.uni-searchbar__box { |
|||
padding: 0; |
|||
border-radius: 16rpx !important; |
|||
} |
|||
} |
|||
|
|||
>text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
text-align: center; |
|||
padding-top: 40rpx; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.user-list { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
overflow-x: auto; |
|||
|
|||
.user-list-box { |
|||
width: 140rpx; |
|||
padding: 20rpx; |
|||
text-align: center; |
|||
|
|||
image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
text { |
|||
font-size: 24rpx; |
|||
color: #1E1E1E; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.middle { |
|||
text-align: center; |
|||
height: calc(100vh - 248rpx); |
|||
padding-top: 40rpx; |
|||
|
|||
text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
} |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,180 @@ |
|||
<template> |
|||
<view class="container"> |
|||
我是提现页面 |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
// export default { |
|||
// data() { |
|||
// return { |
|||
// hotCreatorList: [], |
|||
// isTarget: true, |
|||
// showChoiceness:false |
|||
// } |
|||
// }, |
|||
// // 下拉刷新 |
|||
// onPullDownRefresh() { |
|||
// this.showChoiceness = false |
|||
// uni.stopPullDownRefresh() |
|||
// }, |
|||
// created() { |
|||
// const userInfo = uni.getStorageSync('userInfo') |
|||
// if (!userInfo) { |
|||
// console.log('havent userInfo') |
|||
// this.getUserInfo() |
|||
// } else { |
|||
// console.log('have userInfo') |
|||
// } |
|||
// }, |
|||
// onPageScroll(e) { |
|||
// // 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件 |
|||
|
|||
// if (e.scrollTop > 160) { |
|||
// this.showChoiceness = true |
|||
// // uni.redirectTo({ |
|||
// // url: '../index/choiceness' |
|||
// // }) |
|||
// } |
|||
// }, |
|||
// methods: { |
|||
// // 搜索 |
|||
// search(res) { |
|||
// if (res.value) { |
|||
// console.log('search', res.value) |
|||
// this.goCreatorDetail(res.value) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: '请输入艺术家代号', |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
|
|||
// }, |
|||
// // 获取用户信息 |
|||
// getUserInfo() { |
|||
// wx.login({ |
|||
// force: true, |
|||
// success: res => { |
|||
// wx.getUserInfo({ |
|||
// withCredentials: true, |
|||
// success: userInfo => { |
|||
// const params = { |
|||
// code: res.code, |
|||
// encryptedData: userInfo.encryptedData, |
|||
// iv: userInfo.iv |
|||
// } |
|||
// // 用户授权登录 |
|||
// console.log('params',params); |
|||
// loginWx(params).then(res => { |
|||
// if (res.data.code === 200) { |
|||
// uni.setStorage({ |
|||
// key: 'userInfo', |
|||
// data: res.data.data.userInfo, |
|||
// }) |
|||
// } else { |
|||
// uni.showToast({ |
|||
// title: res.data.msg, |
|||
// icon: 'none' |
|||
// }) |
|||
// } |
|||
// }).catch(res => {}) |
|||
// console.log(`getUserInfo 调用成功`, userInfo); |
|||
// }, |
|||
// fail(userInfo) { |
|||
// console.log(`getUserInfo 调用失败`); |
|||
// }, |
|||
// }); |
|||
// }, |
|||
// fail(res) { |
|||
// console.log(`login 调用失败`); |
|||
// }, |
|||
// }); |
|||
|
|||
// }, |
|||
|
|||
|
|||
// // 滚动监听 |
|||
// handleScroll() { |
|||
// let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop |
|||
// console.log(scrollTop) |
|||
// }, |
|||
// }, |
|||
// } |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.container { |
|||
.top { |
|||
width: 100vw; |
|||
|
|||
image { |
|||
width: 100vw; |
|||
height: 400rpx; |
|||
} |
|||
|
|||
.uni-searchbar { |
|||
border: 1px solid #11A8FD; |
|||
margin: 0 40rpx; |
|||
border-radius: 16rpx; |
|||
padding: 0; |
|||
|
|||
.uni-searchbar__box { |
|||
padding: 0; |
|||
border-radius: 16rpx !important; |
|||
} |
|||
} |
|||
|
|||
>text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
text-align: center; |
|||
padding-top: 40rpx; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
|
|||
.user-list { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
overflow-x: auto; |
|||
|
|||
.user-list-box { |
|||
width: 140rpx; |
|||
padding: 20rpx; |
|||
text-align: center; |
|||
|
|||
image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
text { |
|||
font-size: 24rpx; |
|||
color: #1E1E1E; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.middle { |
|||
text-align: center; |
|||
height: calc(100vh - 248rpx); |
|||
padding-top: 40rpx; |
|||
|
|||
text { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
display: block; |
|||
} |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
@ -0,0 +1,33 @@ |
|||
/* ===== 页面公用 ===== */ |
|||
page { |
|||
// width: 100vw; |
|||
height: 100vh; |
|||
background-color: #f5f5f5; |
|||
} |
|||
|
|||
view { |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
/* ==== 弹性盒模型布局 ==== */ |
|||
.fb-d-r { display: flex; flex-direction: row; } |
|||
.fb-d-c { display: flex; flex-direction: column;} |
|||
.fb-w { flex-wrap: wrap; } |
|||
.fb-j-a { justify-content: flex-start; } |
|||
.fb-j-e { justify-content: flex-end; } |
|||
.fb-j-c { justify-content: center; } |
|||
.fb-j-sb { justify-content: space-between; } |
|||
.fb-j-sa { justify-content: space-around; } |
|||
.fb-a-a { align-items: flex-start; } |
|||
.fb-a-e { align-items: flex-end; } |
|||
.fb-a-c { align-items: center; } |
|||
.fb-a-sb { align-items: space-between; } |
|||
.fb-a-sa { align-items: space-around; } |
|||
|
|||
/* ==== 外边距 ==== */ |
|||
.ml-10 { |
|||
margin-left: 10rpx; |
|||
} |
|||
.mt-10 { |
|||
margin-top: 10rpx; |
|||
} |
|||
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 979 B |
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 7.5 KiB |