33 changed files with 1576 additions and 11 deletions
@ -1,17 +1,57 @@ |
|||||
{ |
{ |
||||
"pages": [{ |
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages |
||||
"path": "pages/index/index", |
{ |
||||
"style": { |
"path": "pages/index/index", |
||||
"navigationBarTitleText": "uni-app" |
"style": { |
||||
} |
"navigationBarTitleText": "首页", |
||||
}], |
"enablePullDownRefresh": true |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
"path": "pages/profit/index", |
||||
|
"style": { |
||||
|
"navigationBarTitleText": "收益", |
||||
|
"enablePullDownRefresh": true |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
"path": "pages/userInfo/index", |
||||
|
"style": { |
||||
|
"navigationBarTitleText": "我的", |
||||
|
"enablePullDownRefresh": false |
||||
|
} |
||||
|
} |
||||
|
], |
||||
"globalStyle": { |
"globalStyle": { |
||||
"navigationBarTextStyle": "black", |
"navigationBarTextStyle": "black", |
||||
"navigationBarTitleText": "uni-app", |
"navigationBarTitleText": "bnyer", |
||||
"navigationBarBackgroundColor": "#F8F8F8", |
"navigationBarBackgroundColor": "#F8F8F8", |
||||
|
"backgroundColor": "#F8F8F8" |
||||
|
}, |
||||
|
//底部跳转tab |
||||
|
"tabBar": { |
||||
|
"color": "#7A7E83", |
||||
|
"selectedColor": "#1296DB", |
||||
|
"borderStyle": "black", |
||||
"backgroundColor": "#F8F8F8", |
"backgroundColor": "#F8F8F8", |
||||
"app-plus": { |
"list": [{ |
||||
"background": "#efeff4" |
"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 |
Loading…
Reference in new issue