Browse Source

部分接口替换,图片列表逻辑修改,新增分享功能,我的收藏,部分样式修改

feature-1.0
gao1021514 4 years ago
parent
commit
98a99812c6
  1. 2
      api/creator.js
  2. 4
      api/index.js
  3. 2
      api/userInfo.js
  4. 3
      main.js
  5. 5
      pages.json
  6. 14
      pages/creator/creator.vue
  7. 94
      pages/creator/imgDetail.vue
  8. 56
      pages/index/choiceness.vue
  9. 31
      pages/index/index.vue
  10. 130
      pages/userInfo/myCollection/myCollection.vue
  11. 117
      pages/userInfo/userInfo.vue
  12. 9
      unpackage/dist/dev/mp-toutiao/common/main.js
  13. 11830
      unpackage/dist/dev/mp-toutiao/common/vendor.js
  14. 1
      unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-fullscreen-video.js
  15. 7
      unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-fullscreen-video.json
  16. 1
      unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-fullscreen-video.ttml
  17. 1
      unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-rewarded-video.js
  18. 7
      unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-rewarded-video.json
  19. 1
      unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-rewarded-video.ttml
  20. 14
      unpackage/dist/dev/mp-toutiao/pages/creator/creator.js
  21. 2
      unpackage/dist/dev/mp-toutiao/pages/creator/creator.ttml
  22. 6
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-fullscreen-video--default--e36c.js
  23. 6
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-fullscreen-video--default--e36c.json
  24. 1
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-fullscreen-video--default--e36c.ttml
  25. 2
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-fullscreen-video--default--e36c.ttss
  26. 6
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-rewarded-video--default--51fe.js
  27. 7
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-rewarded-video--default--51fe.json
  28. 1
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-rewarded-video--default--51fe.ttml
  29. 2
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-rewarded-video--default--51fe.ttss
  30. 132
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail.js
  31. 4
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail.json
  32. 2
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail.ttml
  33. 13
      unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail.ttss
  34. 4
      unpackage/dist/dev/mp-toutiao/pages/creator/userDetail.js
  35. 53
      unpackage/dist/dev/mp-toutiao/pages/index/choiceness.js
  36. 2
      unpackage/dist/dev/mp-toutiao/pages/index/choiceness.ttml
  37. 1
      unpackage/dist/dev/mp-toutiao/pages/index/choiceness.ttss
  38. 33
      unpackage/dist/dev/mp-toutiao/pages/index/index.js
  39. 1
      unpackage/dist/dev/mp-toutiao/pages/index/index.json
  40. 2
      unpackage/dist/dev/mp-toutiao/pages/index/index.ttml
  41. 2
      unpackage/dist/dev/mp-toutiao/pages/userInfo/contactUs/contactUs.js
  42. 118
      unpackage/dist/dev/mp-toutiao/pages/userInfo/myCollection/myCollection.js
  43. 2
      unpackage/dist/dev/mp-toutiao/pages/userInfo/myCollection/myCollection.ttml
  44. 36
      unpackage/dist/dev/mp-toutiao/pages/userInfo/myCollection/myCollection.ttss
  45. 2
      unpackage/dist/dev/mp-toutiao/pages/userInfo/question/question.js
  46. 2
      unpackage/dist/dev/mp-toutiao/pages/userInfo/setting/setting.js
  47. 86
      unpackage/dist/dev/mp-toutiao/pages/userInfo/userInfo.js
  48. 2
      unpackage/dist/dev/mp-toutiao/pages/userInfo/userInfo.json
  49. 2
      unpackage/dist/dev/mp-toutiao/pages/userInfo/userInfo.ttml
  50. 42
      unpackage/dist/dev/mp-toutiao/pages/userInfo/userInfo.ttss
  51. 2
      unpackage/dist/dev/mp-toutiao/uni_modules/uni-badge/components/uni-badge/uni-badge.js
  52. 2
      unpackage/dist/dev/mp-toutiao/uni_modules/uni-icons/components/uni-icons/uni-icons.js
  53. 2
      unpackage/dist/dev/mp-toutiao/uni_modules/uni-list/components/uni-list-item/uni-list-item.js
  54. 2
      unpackage/dist/dev/mp-toutiao/uni_modules/uni-list/components/uni-list/uni-list.js
  55. 4
      unpackage/dist/dev/mp-toutiao/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.js
  56. 2
      unpackage/dist/dev/mp-toutiao/uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.js

2
api/creator.js

@ -13,7 +13,7 @@ export function getBannerList() {
//获取小程序用户图片列表 //获取小程序用户图片列表
export function getUserImgList() { export function getUserImgList() {
return request({ return request({
url: `${serviceTitle}/img/mini/tiktok/tiktokUserImgs`, url: `${serviceTitle}/img/mini/tiktok/creatorImgs`,
method: 'get' method: 'get'
}) })
} }

4
api/index.js

@ -4,9 +4,9 @@ const serviceTitle = '/img'
//POST 传参需要用 data //POST 传参需要用 data
//获取banner列表 //获取banner列表
export function tiktokUserImgs() { export function creatorImgs() {
return request({ return request({
url: `${serviceTitle}/img/mini/tiktok/tiktokUserImgs`, url: `${serviceTitle}/img/mini/tiktok/creatorImgs`,
method: 'get' method: 'get'
}) })
} }

2
api/myCollection.js → api/userInfo.js

@ -4,7 +4,7 @@ const serviceTitle = '/img'
//POST 传参需要用 data //POST 传参需要用 data
//获取用户收藏列表 //获取用户收藏列表
export function getCollectionList(data) { export function listTiktokCollection(data) {
return request({ return request({
url: `${serviceTitle}/img/mini/tiktok/listTiktokCollection`, url: `${serviceTitle}/img/mini/tiktok/listTiktokCollection`,
method: 'post', method: 'post',

3
main.js

@ -2,7 +2,8 @@ import App from './App'
import store from './store/' import store from './store/'
// const baseURL = 'http://localhost:7010' // const baseURL = 'http://localhost:7010'
const baseURL = 'http://81.69.47.31:7010' // const baseURL = 'http://81.69.47.31:7010'
const baseURL = 'http://bnyer.vaiwan.com'
Vue.prototype.baseURL = baseURL; Vue.prototype.baseURL = baseURL;

5
pages.json

@ -3,7 +3,8 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "首页" "navigationBarTitleText": "首页",
"enablePullDownRefresh": false
} }
}, },
{ {
@ -38,7 +39,7 @@
"path": "pages/userInfo/userInfo", "path": "pages/userInfo/userInfo",
"style": { "style": {
"navigationBarTitleText": "个人中心", "navigationBarTitleText": "个人中心",
"enablePullDownRefresh": true "enablePullDownRefresh": false
} }
}, { }, {
"path": "pages/userInfo/myCollection/myCollection", "path": "pages/userInfo/myCollection/myCollection",

14
pages/creator/creator.vue

@ -12,8 +12,8 @@
<view class="list"> <view class="list">
<view v-for="(item, index) in userImgList" :key="index" class="list-item"> <view v-for="(item, index) in userImgList" :key="index" class="list-item">
<!-- 展示用户相关信息 --> <!-- 展示用户相关信息 -->
<view class="fb-d-r fb-j-sb fb-a-c list-top"> <view class="fb-d-r fb-j-sb fb-a-c list-top" @click="toUserDetail(item)">
<view class="fb-d-r fb-a-c head-box" @click="toUserDetail(item)"> <view class="fb-d-r fb-a-c head-box">
<image class="head" :src="item.img"></image> <image class="head" :src="item.img"></image>
<view class="ml-10"> <view class="ml-10">
<view class=""> <view class="">
@ -69,6 +69,12 @@
this.getBanner(); this.getBanner();
this.getUserImgList(); this.getUserImgList();
}, },
//
onPullDownRefresh(){
this.getBanner();
this.getUserImgList();
uni.stopPullDownRefresh()
},
methods: { methods: {
// //
toUserDetail(item){ toUserDetail(item){
@ -77,7 +83,7 @@
key: 'userDetail', key: 'userDetail',
data: item, data: item,
success() { success() {
uni.redirectTo({ uni.navigateTo({
url: '../creator/userDetail' url: '../creator/userDetail'
}) })
} }
@ -93,7 +99,7 @@
data: item.id, data: item.id,
success() { success() {
console.log(111111) console.log(111111)
uni.redirectTo({ uni.navigateTo({
url: '../creator/imgDetail' url: '../creator/imgDetail'
}) })
} }

94
pages/creator/imgDetail.vue

@ -9,20 +9,23 @@
<view class="toolbar-box" @click="download(detailMsg.imgUrl)"> <view class="toolbar-box" @click="download(detailMsg.imgUrl)">
<image v-if="isDownload" src="../../static/download-select.png" mode=""></image> <image v-if="isDownload" src="../../static/download-select.png" mode=""></image>
<image v-else src="../../static/download.png" mode=""></image> <image v-else src="../../static/download.png" mode=""></image>
<text>下载{{detailMsg.downloadNum}}</text> <text>下载</text>
</view> </view>
<view class="toolbar-box" @click="likeCollect('isLike')"> <view class="toolbar-box" @click="likeCollect('isLike')">
<image v-if="isLike" src="../../static/like-select.png" mode=""></image> <image v-if="isLike" src="../../static/like-select.png" mode=""></image>
<image v-else src="../../static/like.png" mode=""></image> <image v-else src="../../static/like.png" mode=""></image>
<text>喜欢{{detailMsg.greatNum}}</text> <text>喜欢</text>
</view> </view>
<view class="toolbar-box" @click="likeCollect('isCollect')"> <view class="toolbar-box" @click="likeCollect('isCollect')">
<image v-if="isCollect" src="../../static/collect-select.png" mode=""></image> <image v-if="isCollect" src="../../static/collect-select.png" mode=""></image>
<image v-else src="../../static/collect.png" mode=""></image> <image v-else src="../../static/collect.png" mode=""></image>
<text>收藏{{detailMsg.collectionNum}}</text> <text>收藏</text>
</view> </view>
<view class="toolbar-box" @click="share"> <view class="toolbar-box share-box">
<image src="../../static/share.png" mode=""></image> <button open-type="share">
<image src="../../static/share.png" mode=""></image>
<text>分享</text>
</button>
</view> </view>
</view> </view>
</view> </view>
@ -49,12 +52,21 @@
} }
}, },
created() { created() {
uni.getStorage({ const detailId = uni.getStorageSync('detailId')
key: 'detailId', if (detailId) {
success: res => { this.getImgDetail(detailId)
this.getImgDetail(res.data) } else {
} this.getImgDetail(detailId)
}) }
},
onShareAppMessage(res) {
if (res.from === 'button') { //
console.log(res)
}
return {
title: '自定义分享标题',
path: `/pages/creator/imgDetail?id=${this.userInfo.id}`
}
}, },
methods: { methods: {
// //
@ -75,7 +87,7 @@
} else { } else {
uni.showToast({ uni.showToast({
title: '请输入艺术家代号', title: '请输入艺术家代号',
icon: 'error' icon: 'none'
}) })
} }
}, },
@ -92,7 +104,7 @@
} else { } else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
}, },
@ -108,7 +120,7 @@
} else { } else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
}, },
@ -125,24 +137,20 @@
// //
console.log('点赞') console.log('点赞')
const res = await tiktokLike(params) const res = await tiktokLike(params)
if (res.data.code === 200) { if (res.data.code === 200) {} else {
this.detailMsg.greatNum += 1
} else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
} else { } else {
// //
console.log('取消点赞') console.log('取消点赞')
const res = await tiktokUnLike(params) const res = await tiktokUnLike(params)
if (res.data.code === 200) { if (res.data.code === 200) {} else {
this.detailMsg.greatNum -= 1
} else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
} }
@ -152,24 +160,20 @@
// //
console.log('收藏') console.log('收藏')
const res = await tiktokCollect(params) const res = await tiktokCollect(params)
if (res.data.code === 200) { if (res.data.code === 200) {} else {
this.detailMsg.collectionNum += 1
} else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
} else { } else {
// //
console.log('取消收藏') console.log('取消收藏')
const res = await tiktokUnCollect(params) const res = await tiktokUnCollect(params)
if (res.data.code === 200) { if (res.data.code === 200) {} else {
this.detailMsg.collectionNum -= 1
} else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
} }
@ -180,7 +184,6 @@
// //
download(url) { download(url) {
this.isDownload = true this.isDownload = true
this.detailMsg.downloadNum += 1
uni.showLoading({ uni.showLoading({
title: '正在保存图片...' title: '正在保存图片...'
}); });
@ -215,21 +218,24 @@
.showToast({ .showToast({
title: res title: res
.errMsg, .errMsg,
icon: 'none'
}); });
}, },
complete: (res) => { complete: (res) => {
uni.hideLoading(); uni.hideLoading();
if (res.errMsg !== if (res.errMsg !==
"saveImageToPhotosAlbum:ok" "saveImageToPhotosAlbum:ok"
) { ) {
return uni return uni
.showToast({ .showToast({
title: "下载失败!", title: "下载失败!",
icon: 'none'
}); });
} else { } else {
return uni return uni
.showToast({ .showToast({
title: "下载成功!", title: "下载成功!",
icon: 'none'
}); });
} }
}, },
@ -237,9 +243,9 @@
} else { } else {
uni.showToast({ uni.showToast({
title: "下载失败!", title: "下载失败!",
icon: 'none'
}); });
} }
} }
}) })
}, },
@ -265,6 +271,7 @@
} else if (res.cancel) { } else if (res.cancel) {
return uni.showToast({ return uni.showToast({
title: "已取消!", title: "已取消!",
icon: 'none'
}); });
} }
}, },
@ -279,6 +286,7 @@
uni.hideLoading(); uni.hideLoading();
return uni.showToast({ return uni.showToast({
title: "保存成功!", title: "保存成功!",
icon: 'none'
}); });
}, },
fail: (res) => { fail: (res) => {
@ -286,6 +294,7 @@
console.log(res.errMsg); console.log(res.errMsg);
return uni.showToast({ return uni.showToast({
title: res.errMsg, title: res.errMsg,
icon: 'none'
}); });
}, },
// //
@ -302,8 +311,9 @@
share() { share() {
uni.showToast({ uni.showToast({
title: '分享', title: '分享',
icon: 'none'
}) })
} },
} }
} }
</script> </script>
@ -322,14 +332,25 @@
.toolbar { .toolbar {
width: 60px; width: 60px;
height: 360px;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
position: absolute; position: absolute;
bottom: 76px; bottom: 76px;
right: 10px; right: 10px;
border-radius: 60px; border-radius: 60px;
padding-top: 40rpx; padding-top: 40rpx;
.share-box{
outline: none;
background: none;
border: none;
>button{
line-height: auto!important;
padding: 0;
}
>button ::after{
border: none;
}
}
.toolbar-box { .toolbar-box {
height: 60px; height: 60px;
text-align: center; text-align: center;
@ -353,6 +374,7 @@
line-height: 40rpx; line-height: 40rpx;
height: 40rpx; height: 40rpx;
} }
} }
} }
</style> </style>

56
pages/index/choiceness.vue

@ -4,17 +4,16 @@
@confirm="search" /> @confirm="search" />
<view class="choiceness-list"> <view class="choiceness-list">
<view class="imgList1"> <view class="imgList1">
<view class="first-box" :style="'width:'+imgWidth"> <!-- <view class="first-box" :style="'width:'+imgWidth" >
热门作品 热门作品
</view> -->
<view class="ad-view">
<ad adpid="H5DB4880B" type="" @load="onload" @close="onclose" @error="onerror"></ad>
</view> </view>
<image v-for="(item,index) in imgList1" :key='index' class="img-box" <image v-for="(item,index) in imgList" :key='index' class="img-box"
:style="'width:'+imgWidth+';height:'+imgHeight" :src="item.imgUrl" @click="targetDetail(item)" :style="'width:'+imgWidth+';height:'+imgHeight" :src="item.imgUrl" @click="targetDetail(item)"
mode=""></image> mode=""></image>
</view> </view>
<view class="imgList2">
<image v-for="(item,index) in imgList2" :key='index' class="img-box"
:style="'width:'+imgWidth+';height:'+imgHeight" :src="item.imgUrl" mode=""></image>
</view>
</view> </view>
</view> </view>
</template> </template>
@ -26,10 +25,11 @@
export default { export default {
data() { data() {
return { return {
imgList1: [], // imgList: [], //
imgList2: [], //
imgWidth: 0, // imgWidth: 0, //
imgHeight: 0, // imgHeight: 0, //
pageNum: 1,
pageSize: 10,
} }
}, },
created() { created() {
@ -42,22 +42,36 @@
} }
}) })
}, },
//
onPullDownRefresh(){
console.log(1111)
this.pageNum = 1
this.imgList = []
this.getImgList()
uni.stopPullDownRefresh()
},
//
onReachBottom() {
if (this.imgList.length > 9) {
this.pageNum += 1
this.getImgList()
}
},
methods: { methods: {
// //
async getImgList() { async getImgList() {
const res = await imgLists() const res = await imgLists({
pageNum: this.pageNum,
pageSize: this.pageSize
})
if (res.data.code === 200) { if (res.data.code === 200) {
for (let i = 0; i < res.data.rows.length; i++) { for (let i = 0; i < res.data.rows.length; i++) {
if (i % 2 == 0) { this.imgList.push(res.data.rows[i])
this.imgList2.push(res.data.rows[i])
} else {
this.imgList1.push(res.data.rows[i])
}
} }
} else { } else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
}, },
@ -76,6 +90,15 @@
} }
}) })
} }
},
onload(e) {
console.log("onload");
},
onclose(e) {
console.log("onclose: " + e.detail);
},
onerror(e) {
console.log("onerror: " + e.detail.errCode + " message:: " + e.detail.errMsg);
} }
}, },
// onUnload() { // onUnload() {
@ -95,6 +118,7 @@
border: 1px solid #11A8FD; border: 1px solid #11A8FD;
border-radius: 16rpx; border-radius: 16rpx;
padding: 0; padding: 0;
margin-left: 40rpx;
.uni-searchbar__box { .uni-searchbar__box {
padding: 0; padding: 0;

31
pages/index/index.vue

@ -13,14 +13,6 @@
<image :src="item.img" mode=""></image> <image :src="item.img" mode=""></image>
<text>{{item.tiktokNumber}}</text> <text>{{item.tiktokNumber}}</text>
</view> </view>
<view class="user-list-box" v-for="(item,index) in userList" :key='item.id'>
<image :src="item.img" mode=""></image>
<text>{{item.tiktokNumber}}</text>
</view>
<view class="user-list-box" v-for="(item,index) in userList" :key='item.id'>
<image :src="item.img" mode=""></image>
<text>{{item.tiktokNumber}}</text>
</view>
</view> </view>
</view> </view>
<view class="middle"> <view class="middle">
@ -32,14 +24,15 @@
<script> <script>
import { import {
tiktokUserImgs, creatorImgs,
tiktokUserDetails, tiktokUserDetails,
loginTiktok loginTiktok
} from '@/api/index.js' } from '@/api/index.js'
export default { export default {
data() { data() {
return { return {
userList: [] userList: [],
isTarget: true
} }
}, },
created() { created() {
@ -54,10 +47,10 @@
}, },
onPageScroll(e) { onPageScroll(e) {
// scrollTopeasy-loadimage // scrollTopeasy-loadimage
console.log('e.scrollTop', e.scrollTop)
if (e.scrollTop > 200) { if (e.scrollTop > 160) {
uni.redirectTo({ uni.redirectTo({
url: './choiceness' url: '../index/choiceness'
}) })
} }
}, },
@ -70,7 +63,7 @@
} else { } else {
uni.showToast({ uni.showToast({
title: '请输入艺术家代号', title: '请输入艺术家代号',
icon: 'error' icon: 'none'
}) })
} }
@ -98,7 +91,7 @@
} else { } else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
}).catch(res => {}) }).catch(res => {})
@ -117,13 +110,13 @@
}, },
// //
async getUserList() { async getUserList() {
const res = await tiktokUserImgs() const res = await creatorImgs()
if (res.data.code === 200) { if (res.data.code === 200) {
this.userList = res.data.data this.userList = res.data.data
} else { } else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
console.log('getUserList', res) console.log('getUserList', res)
@ -148,14 +141,14 @@
} else { } else {
uni.showToast({ uni.showToast({
title: res.data.msg, title: res.data.msg,
icon: 'error' icon: 'none'
}) })
} }
} else { } else {
uni.showToast({ uni.showToast({
title: '搜索码不能为空', title: '搜索码不能为空',
icon: 'error' icon: 'none'
}) })
} }
}, },

130
pages/userInfo/myCollection/myCollection.vue

@ -1,43 +1,127 @@
<template> <template>
<view> <view class="myCollection">
<text>这是我的收藏</text> <view class="myCollection-list">
<view v-for="(item,index) in myCollection" :key="index"> <view class="imgList1">
<image :src="item.imgUrl"></image> <image v-for="(item,index) in imgList" :key='index' class="img-box"
:style="'width:'+imgWidth+';height:'+imgHeight" :src="item.imgUrl" @click="targetDetail(item)"
mode=""></image>
</view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import {getCollectionList} from '@/api/myCollection.js' import {
listTiktokCollection
} from '@/api/userInfo.js'
export default { export default {
data() { data() {
return { return {
myCollection:[] userInfo: {}, //
imgList: [], //
imgWidth: 0, //
imgHeight: 0, //
pageNum: 1,
pageSize: 10,
} }
}, },
onLoad() { created() {
this.getMyCollection(1) this.userInfo = uni.getStorageSync('userInfo')
uni.getSystemInfo({
success: res => {
console.log(res)
this.imgWidth = res.windowWidth - 60 + 'rpx'
this.imgHeight = (res.windowWidth - 60) * 2 - 30 + 'rpx'
this.getImgList()
}
})
},
//
onPullDownRefresh() {
this.getImgList()
uni.stopPullDownRefresh()
}, },
methods: { methods: {
async getMyCollection(userId){ //
let data = { async getImgList() {
userId : userId const res = await listTiktokCollection({
userId: this.userInfo.id
})
if (res.data.code === 200) {
for (let i = 0; i < res.data.data.length; i++) {
this.imgList = res.data.data
}
} else {
uni.showToast({
title: res.data.msg,
icon: 'none'
})
} }
const res = await getCollectionList(data) },
if(res.data.code === 200){ //
this.myCollection = res.data.data targetDetail(item) {
console.log(res) console.log('跳转', item)
}else{ if (item.id) {
uni.showModal({ uni.setStorage({
content: '我的收藏加载失败!', key: 'detailId',
showCancel: false data: item.id,
}); success() {
console.log(111111)
uni.redirectTo({
url: '../creator/imgDetail'
})
}
})
} }
} },
} },
// onUnload() {
// uni.switchTab({
// url: '/pages/index/index'
// })
// },
} }
</script> </script>
<style> <style lang="less">
.myCollection {
padding-right: 40rpx;
padding-top: 40rpx;
.uni-searchbar {
border: 1px solid #11A8FD;
border-radius: 16rpx;
padding: 0;
margin-left: 40rpx;
.uni-searchbar__box {
padding: 0;
border-radius: 16rpx !important;
}
}
.myCollection-list {
display: flex;
.first-box {
border-radius: 16rpx;
font-size: 16px;
margin-top: 40rpx;
margin-left: 40rpx;
color: #fff;
line-height: 60rpx;
text-align: center;
height: 60rpx;
background-color: #11A8FD;
display: inline-block;
vertical-align: top;
}
image {
margin-top: 40rpx;
margin-left: 40rpx;
border-radius: 16rpx;
}
}
}
</style> </style>

117
pages/userInfo/userInfo.vue

@ -1,14 +1,25 @@
<template> <template>
<view> <view class="userInfo">
<view class="my-message">
<view class="left">
<image :src="userInfo.img" mode=""></image>
</view>
<view class="right">
{{userInfo.username}}
</view>
</view>
<uni-list> <uni-list>
<uni-list-item title="我的信息" clickable @click="onClick" ></uni-list-item> <uni-list-item title="我的收藏" link to="/pages/userInfo/myCollection/myCollection"></uni-list-item>
<uni-list-item title="我的收藏" :show-extra-icon="true" :extra-icon="gift-filled" link to="/pages/userInfo/myCollection/myCollection"></uni-list-item> <uni-list-item title="常见问题" link to="/pages/userInfo/question/question"></uni-list-item>
<uni-list-item title="常见问题" :show-extra-icon="true" :extra-icon="extraIcon1" link to="/pages/userInfo/question/question"></uni-list-item> <uni-list-item title="联系我们" link to="/pages/userInfo/contactUs/contactUs"></uni-list-item>
<uni-list-item title="联系我们" link to="/pages/userInfo/contactUs/contactUs"></uni-list-item> <uni-list-item title="设置" link to="/pages/userInfo/setting/setting"></uni-list-item>
<uni-list-item title="设置" link to="/pages/userInfo/setting/setting"></uni-list-item> <view class="share-box">
<uni-list-item title="分享" clickable @click="getLink()"></uni-list-item> <button title="分享" open-type="share">分享</button>
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">绑定手机号</button> </view>
</uni-list> </uni-list>
<view class="bottom-btn">
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">绑定手机号</button>
</view>
</view> </view>
</template> </template>
@ -16,34 +27,26 @@
export default { export default {
data() { data() {
return { return {
userInfo: {}
}
},
created() {
this.userInfo = uni.getStorageSync('userInfo')
},
onShareAppMessage(res) {
if (res.from === 'button') { //
console.log(res)
}
return {
title: '自定义分享标题',
path: `/pages/index/index?id=${this.userInfo.id}`
} }
}, },
methods: { methods: {
getLink(){ share() {
// uni.showModal({
// content: '',
// showCancel: false
// });
uni.login({
// provider: 'toutiao',
success: function (info) {
console.log('code为:'+JSON.stringify(info.code));
//
uni.getUserInfo({
// provider: 'toutiao',
withCredentials: true,
success: function (infoRes) {
//console.log(''+JSON.stringify(infoRes))
console.log('encry数据为:'+infoRes.encryptedData);
console.log('iv数据为:'+infoRes.iv);
//console.log('' + infoRes.userInfo.nickName);
}
});
}
});
}, },
getPhoneNumber(e){ getPhoneNumber(e) {
console.log(e.detail.errMsg); console.log(e.detail.errMsg);
console.log(e.detail.iv); console.log(e.detail.iv);
console.log(e.detail.encryptedData); console.log(e.detail.encryptedData);
@ -52,6 +55,54 @@
} }
</script> </script>
<style> <style lang="less">
.userInfo {
height: 100%;
background-color: white;
.my-message {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 20rpx;
.left {
width: 100rpx;
height: 100rpx;
margin-right: 20rpx;
>image {
width: 100%;
height: 100%;
border-radius: 50%;
}
}
.right {
font-size: 12px;
}
}
.share-box {
width: 100vw;
>button {
background: none;
outline: none;
font-size: 14px;
text-align: left;
line-height: 14px;
padding: 12px 15px;
}
}
.bottom-btn {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
z-index: 1000;
}
}
</style> </style>

9
unpackage/dist/dev/mp-toutiao/common/main.js

File diff suppressed because one or more lines are too long

11830
unpackage/dist/dev/mp-toutiao/common/vendor.js

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-fullscreen-video.js

@ -0,0 +1 @@
Component({})

7
unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-fullscreen-video.json

@ -0,0 +1,7 @@
{
"usingComponents": {},
"component": true,
"componentGenerics": {
"scoped-slots-default": true
}
}

1
unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-fullscreen-video.ttml

@ -0,0 +1 @@
<view data-event-opts="{{[['tap',[['_onclick',['$event']]]]]}}" bindtap="__e"><slot></slot><block tt:if="{{generic['default']==='imgDetail--ad-fullscreen-video--default--e36c'}}"><imgDetail--ad-fullscreen-video--default--e36c options="{{options}}" loading="{{loading}}" error="{{errorMessage}}" bind:__l="__l"></imgDetail--ad-fullscreen-video--default--e36c></block></view>

1
unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-rewarded-video.js

@ -0,0 +1 @@
Component({})

7
unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-rewarded-video.json

@ -0,0 +1,7 @@
{
"usingComponents": {},
"component": true,
"componentGenerics": {
"scoped-slots-default": true
}
}

1
unpackage/dist/dev/mp-toutiao/node-modules/@dcloudio/uni-cli-shared/components/ad-rewarded-video.ttml

@ -0,0 +1 @@
<view data-event-opts="{{[['tap',[['_onclick',['$event']]]]]}}" bindtap="__e"><slot></slot><block tt:if="{{generic['default']==='imgDetail--ad-rewarded-video--default--51fe'}}"><imgDetail--ad-rewarded-video--default--51fe options="{{options}}" loading="{{loading}}" error="{{errorMessage}}" bind:__l="__l"></imgDetail--ad-rewarded-video--default--51fe></block></view>

14
unpackage/dist/dev/mp-toutiao/pages/creator/creator.js

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-toutiao/pages/creator/creator.ttml

@ -1 +1 @@
<view class="creator data-v-5830ad60"><view class="data-v-5830ad60"><swiper class="swiper-box data-v-5830ad60" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-dots="{{indicatorDots}}"><block tt:for="{{banner}}" tt:for-item="item" tt:for-index="index" tt:key="index"><swiper-item class="data-v-5830ad60"><image class="img data-v-5830ad60" src="{{item.bannerImg}}" data-event-opts="{{[['tap',[['linkTo',['$0'],[[['banner','',index]]]]]]]}}" bindtap="__e"></image></swiper-item></block></swiper></view><view class="list data-v-5830ad60"><block tt:for="{{userImgList}}" tt:for-item="item" tt:for-index="index" tt:key="index"><view class="list-item data-v-5830ad60"><view class="fb-d-r fb-j-sb fb-a-c list-top data-v-5830ad60"><view data-event-opts="{{[['tap',[['toUserDetail',['$0'],[[['userImgList','',index]]]]]]]}}" class="fb-d-r fb-a-c head-box data-v-5830ad60" bindtap="__e"><image class="head data-v-5830ad60" src="{{item.img}}"></image><view class="ml-10 data-v-5830ad60"><view class="data-v-5830ad60"><text class="data-v-5830ad60">{{item.username}}</text></view><view class="fb-d-r fb-j-sb data-v-5830ad60"><view class="imgLength-box data-v-5830ad60"><image class="img-icon data-v-5830ad60" src="../../static/imgLength.png" mode></image><text class="data-v-5830ad60">11111</text></view><view class="imgLength-box data-v-5830ad60"><image class="img-icon data-v-5830ad60" src="../../static/collectLength.png" mode></image><text class="data-v-5830ad60">11111</text></view><view class="imgLength-box data-v-5830ad60"><image class="img-icon data-v-5830ad60" src="../../static/likeLength.png" mode></image><text class="data-v-5830ad60">11111</text></view></view></view></view><image class="jiantou data-v-5830ad60" src="../../static/jiantou-right.png" mode></image></view><view class="fb-d-r fb-j-sb img-box data-v-5830ad60"><block tt:for="{{item.imgList}}" tt:for-item="pic" tt:for-index="param" tt:key="param"><view class="data-v-5830ad60"><image class="threeImg data-v-5830ad60" src="{{pic.imgUrl}}" data-event-opts="{{[['tap',[['linkTo',['$0'],[[['userImgList','',index],['imgList','',param]]]]]]]}}" bindtap="__e"></image></view></block></view></view></block></view></view> <view class="creator data-v-5830ad60"><view class="data-v-5830ad60"><swiper class="swiper-box data-v-5830ad60" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-dots="{{indicatorDots}}"><block tt:for="{{banner}}" tt:for-item="item" tt:for-index="index" tt:key="index"><swiper-item class="data-v-5830ad60"><image class="img data-v-5830ad60" src="{{item.bannerImg}}" data-event-opts="{{[['tap',[['linkTo',['$0'],[[['banner','',index]]]]]]]}}" bindtap="__e"></image></swiper-item></block></swiper></view><view class="list data-v-5830ad60"><block tt:for="{{userImgList}}" tt:for-item="item" tt:for-index="index" tt:key="index"><view class="list-item data-v-5830ad60"><view data-event-opts="{{[['tap',[['toUserDetail',['$0'],[[['userImgList','',index]]]]]]]}}" class="fb-d-r fb-j-sb fb-a-c list-top data-v-5830ad60" bindtap="__e"><view class="fb-d-r fb-a-c head-box data-v-5830ad60"><image class="head data-v-5830ad60" src="{{item.img}}"></image><view class="ml-10 data-v-5830ad60"><view class="data-v-5830ad60"><text class="data-v-5830ad60">{{item.username}}</text></view><view class="fb-d-r fb-j-sb data-v-5830ad60"><view class="imgLength-box data-v-5830ad60"><image class="img-icon data-v-5830ad60" src="../../static/imgLength.png" mode></image><text class="data-v-5830ad60">11111</text></view><view class="imgLength-box data-v-5830ad60"><image class="img-icon data-v-5830ad60" src="../../static/collectLength.png" mode></image><text class="data-v-5830ad60">11111</text></view><view class="imgLength-box data-v-5830ad60"><image class="img-icon data-v-5830ad60" src="../../static/likeLength.png" mode></image><text class="data-v-5830ad60">11111</text></view></view></view></view><image class="jiantou data-v-5830ad60" src="../../static/jiantou-right.png" mode></image></view><view class="fb-d-r fb-j-sb img-box data-v-5830ad60"><block tt:for="{{item.imgList}}" tt:for-item="pic" tt:for-index="param" tt:key="param"><view class="data-v-5830ad60"><image class="threeImg data-v-5830ad60" src="{{pic.imgUrl}}" data-event-opts="{{[['tap',[['linkTo',['$0'],[[['userImgList','',index],['imgList','',param]]]]]]]}}" bindtap="__e"></image></view></block></view></view></block></view></view>

6
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-fullscreen-video--default--e36c.js

@ -0,0 +1,6 @@
wx.createComponent({
generic:true,
props: {loading:{type:null},error:{type:null}},
render: function(){}
})

6
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-fullscreen-video--default--e36c.json

@ -0,0 +1,6 @@
{
"component": true,
"usingComponents": {
"imgDetail--ad-fullscreen-video--default--e36c": "/pages/creator/imgDetail--ad-fullscreen-video--default--e36c"
}
}

1
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-fullscreen-video--default--e36c.ttml

@ -0,0 +1 @@
<button disabled="{{loading}}" loading="{{loading}}">显示广告</button><block tt:if="{{error}}"><view>{{error}}</view></block>

2
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-fullscreen-video--default--e36c.ttss

@ -0,0 +1,2 @@
@import "./imgDetail.ttss"

6
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-rewarded-video--default--51fe.js

@ -0,0 +1,6 @@
wx.createComponent({
generic:true,
props: {loading:{type:null},error:{type:null}},
render: function(){}
})

7
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-rewarded-video--default--51fe.json

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"imgDetail--ad-rewarded-video--default--51fe": "/pages/creator/imgDetail--ad-rewarded-video--default--51fe",
"ad-rewarded-video": "/node-modules/@dcloudio/uni-cli-shared/components/ad-rewarded-video"
}
}

1
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-rewarded-video--default--51fe.ttml

@ -0,0 +1 @@
<button disabled="{{loading}}" loading="{{loading}}">显示广告</button><block tt:if="{{error}}"><view>{{error}}</view></block>

2
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail--ad-rewarded-video--default--51fe.ttss

@ -0,0 +1,2 @@
@import "./imgDetail.ttss"

132
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail.js

File diff suppressed because one or more lines are too long

4
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail.json

@ -1,5 +1,7 @@
{ {
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": true, "enablePullDownRefresh": true,
"usingComponents": {} "usingComponents": {
"imgDetail--ad-fullscreen-video--default--e36c": "/pages/creator/imgDetail--ad-fullscreen-video--default--e36c"
}
} }

2
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail.ttml

@ -1 +1 @@
<view class="imgDetail"><image class="main-img" src="{{detailMsg.imgUrl}}" mode></image><view class="toolbar"><view class="toolbar-box"><block tt:if="{{detailMsg.isHot==='0'}}"><image src="../../static/hot-not.png" mode></image></block><block tt:else><image src="../../static/hot-yes.png" mode></image></block></view><view data-event-opts="{{[['tap',[['download',['$0'],['detailMsg.imgUrl']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isDownload}}"><image src="../../static/download-select.png" mode></image></block><block tt:else><image src="../../static/download.png" mode></image></block><text>{{"下载"+detailMsg.downloadNum}}</text></view><view data-event-opts="{{[['tap',[['likeCollect',['isLike']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isLike}}"><image src="../../static/like-select.png" mode></image></block><block tt:else><image src="../../static/like.png" mode></image></block><text>{{"喜欢"+detailMsg.greatNum}}</text></view><view data-event-opts="{{[['tap',[['likeCollect',['isCollect']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isCollect}}"><image src="../../static/collect-select.png" mode></image></block><block tt:else><image src="../../static/collect.png" mode></image></block><text>{{"收藏"+detailMsg.collectionNum}}</text></view><view data-event-opts="{{[['tap',[['share',['$event']]]]]}}" class="toolbar-box" bindtap="__e"><image src="../../static/share.png" mode></image></view></view></view> <view class="imgDetail"><image class="main-img" src="{{detailMsg.imgUrl}}" mode></image><view class="toolbar"><view class="toolbar-box"><block tt:if="{{detailMsg.isHot==='0'}}"><image src="../../static/hot-not.png" mode></image></block><block tt:else><image src="../../static/hot-yes.png" mode></image></block></view><view data-event-opts="{{[['tap',[['download',['$0'],['detailMsg.imgUrl']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isDownload}}"><image src="../../static/download-select.png" mode></image></block><block tt:else><image src="../../static/download.png" mode></image></block><text>下载</text></view><view data-event-opts="{{[['tap',[['likeCollect',['isLike']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isLike}}"><image src="../../static/like-select.png" mode></image></block><block tt:else><image src="../../static/like.png" mode></image></block><text>喜欢</text></view><view data-event-opts="{{[['tap',[['likeCollect',['isCollect']]]]]}}" class="toolbar-box" bindtap="__e"><block tt:if="{{isCollect}}"><image src="../../static/collect-select.png" mode></image></block><block tt:else><image src="../../static/collect.png" mode></image></block><text>收藏</text></view><view class="toolbar-box share-box"><button open-type="share"><image src="../../static/share.png" mode></image><text>分享</text></button></view></view></view>

13
unpackage/dist/dev/mp-toutiao/pages/creator/imgDetail.ttss

@ -10,7 +10,6 @@
} }
.imgDetail .toolbar { .imgDetail .toolbar {
width: 60px; width: 60px;
height: 360px;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
position: absolute; position: absolute;
bottom: 76px; bottom: 76px;
@ -18,6 +17,18 @@
border-radius: 60px; border-radius: 60px;
padding-top: 40rpx; padding-top: 40rpx;
} }
.imgDetail .toolbar .share-box {
outline: none;
background: none;
border: none;
}
.imgDetail .toolbar .share-box > button {
line-height: auto!important;
padding: 0;
}
.imgDetail .toolbar .share-box > button ::after {
border: none;
}
.imgDetail .toolbar .toolbar-box { .imgDetail .toolbar .toolbar-box {
height: 60px; height: 60px;
text-align: center; text-align: center;

4
unpackage/dist/dev/mp-toutiao/pages/creator/userDetail.js

File diff suppressed because one or more lines are too long

53
unpackage/dist/dev/mp-toutiao/pages/index/choiceness.js

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-toutiao/pages/index/choiceness.ttml

@ -1 +1 @@
<view class="choiceness"><uni-search-bar class="uni-mt-10" vue-id="d8b33852-1" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none" data-event-opts="{{[['^confirm',[['search']]]]}}" bind:confirm="__e" bind:__l="__l"></uni-search-bar><view class="choiceness-list"><view class="imgList1"><view class="first-box" style="{{('width:'+imgWidth)}}">热门作品</view><block tt:for="{{imgList1}}" tt:for-item="item" tt:for-index="index" tt:key="index"><image class="img-box" style="{{('width:'+imgWidth+';height:'+imgHeight)}}" src="{{item.imgUrl}}" mode data-event-opts="{{[['tap',[['targetDetail',['$0'],[[['imgList1','',index]]]]]]]}}" bindtap="__e"></image></block></view><view class="imgList2"><block tt:for="{{imgList2}}" tt:for-item="item" tt:for-index="index" tt:key="index"><image class="img-box" style="{{('width:'+imgWidth+';height:'+imgHeight)}}" src="{{item.imgUrl}}" mode></image></block></view></view></view> <view class="choiceness"><uni-search-bar class="uni-mt-10" vue-id="d8b33852-1" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none" data-event-opts="{{[['^confirm',[['search']]]]}}" bind:confirm="__e" bind:__l="__l"></uni-search-bar><view class="choiceness-list"><view class="imgList1"><view class="ad-view"><ad adpid="H5DB4880B" type data-event-opts="{{[['load',[['onload',['$event']]]],['close',[['onclose',['$event']]]],['error',[['onerror',['$event']]]]]}}" bindload="__e" bindclose="__e" binderror="__e"></ad></view><block tt:for="{{imgList}}" tt:for-item="item" tt:for-index="index" tt:key="index"><image class="img-box" style="{{('width:'+imgWidth+';height:'+imgHeight)}}" src="{{item.imgUrl}}" mode data-event-opts="{{[['tap',[['targetDetail',['$0'],[[['imgList','',index]]]]]]]}}" bindtap="__e"></image></block></view></view></view>

1
unpackage/dist/dev/mp-toutiao/pages/index/choiceness.ttss

@ -6,6 +6,7 @@
border: 1px solid #11A8FD; border: 1px solid #11A8FD;
border-radius: 16rpx; border-radius: 16rpx;
padding: 0; padding: 0;
margin-left: 40rpx;
} }
.choiceness .uni-searchbar .uni-searchbar__box { .choiceness .uni-searchbar .uni-searchbar__box {
padding: 0; padding: 0;

33
unpackage/dist/dev/mp-toutiao/pages/index/index.js

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/mp-toutiao/pages/index/index.json

@ -1,5 +1,6 @@
{ {
"navigationBarTitleText": "首页", "navigationBarTitleText": "首页",
"enablePullDownRefresh": false,
"usingComponents": { "usingComponents": {
"uni-search-bar": "/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar" "uni-search-bar": "/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar"
} }

2
unpackage/dist/dev/mp-toutiao/pages/index/index.ttml

@ -1 +1 @@
<view class="container"><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" vue-id="8dda190e-1" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none" data-event-opts="{{[['^confirm',[['search']]]]}}" bind:confirm="__e" bind:__l="__l"></uni-search-bar><text>大家都在搜</text><view class="user-list"><block tt:for="{{userList}}" tt:for-item="item" tt:for-index="index" tt:key="id"><view data-event-opts="{{[['tap',[['goUserDetail',['$0'],[[['userList','id',item.id,'scanCode']]]]]]]}}" class="user-list-box" bindtap="__e"><image src="{{item.img}}" mode></image><text>{{item.tiktokNumber}}</text></view></block><block tt:for="{{userList}}" tt:for-item="item" tt:for-index="index" tt:key="id"><view class="user-list-box"><image src="{{item.img}}" mode></image><text>{{item.tiktokNumber}}</text></view></block><block tt:for="{{userList}}" tt:for-item="item" tt:for-index="index" tt:key="id"><view class="user-list-box"><image src="{{item.img}}" mode></image><text>{{item.tiktokNumber}}</text></view></block></view></view><view class="middle"><text>近期精选</text><image src="../../static/img/slide-top.svg" mode></image></view></view> <view class="container"><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" vue-id="8dda190e-1" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none" data-event-opts="{{[['^confirm',[['search']]]]}}" bind:confirm="__e" bind:__l="__l"></uni-search-bar><text>大家都在搜</text><view class="user-list"><block tt:for="{{userList}}" tt:for-item="item" tt:for-index="index" tt:key="id"><view data-event-opts="{{[['tap',[['goUserDetail',['$0'],[[['userList','id',item.id,'scanCode']]]]]]]}}" class="user-list-box" bindtap="__e"><image src="{{item.img}}" mode></image><text>{{item.tiktokNumber}}</text></view></block></view></view><view class="middle"><text>近期精选</text><image src="../../static/img/slide-top.svg" mode></image></view></view>

2
unpackage/dist/dev/mp-toutiao/pages/userInfo/contactUs/contactUs.js

@ -9,7 +9,7 @@
"use strict"; "use strict";
/* WEBPACK VAR INJECTION */(function(wx, createPage) {__webpack_require__(/*! uni-pages */ 5); /* WEBPACK VAR INJECTION */(function(wx, createPage) {__webpack_require__(/*! uni-pages */ 5);
var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 3)); var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 4));
var _contactUs = _interopRequireDefault(__webpack_require__(/*! ./pages/userInfo/contactUs/contactUs.vue */ 117));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__; var _contactUs = _interopRequireDefault(__webpack_require__(/*! ./pages/userInfo/contactUs/contactUs.vue */ 117));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;
createPage(_contactUs.default); createPage(_contactUs.default);
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["default"], __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["createPage"])) /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["default"], __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["createPage"]))

118
unpackage/dist/dev/mp-toutiao/pages/userInfo/myCollection/myCollection.js

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-toutiao/pages/userInfo/myCollection/myCollection.ttml

@ -1 +1 @@
<view><text>这是我的收藏</text><block tt:for="{{myCollection}}" tt:for-item="item" tt:for-index="index" tt:key="index"><view><image src="{{item.imgUrl}}"></image></view></block></view> <view class="myCollection"><view class="myCollection-list"><view class="imgList1"><block tt:for="{{imgList}}" tt:for-item="item" tt:for-index="index" tt:key="index"><image class="img-box" style="{{('width:'+imgWidth+';height:'+imgHeight)}}" src="{{item.imgUrl}}" mode data-event-opts="{{[['tap',[['targetDetail',['$0'],[[['imgList','',index]]]]]]]}}" bindtap="__e"></image></block></view></view></view>

36
unpackage/dist/dev/mp-toutiao/pages/userInfo/myCollection/myCollection.ttss

@ -0,0 +1,36 @@
.myCollection {
padding-right: 40rpx;
padding-top: 40rpx;
}
.myCollection .uni-searchbar {
border: 1px solid #11A8FD;
border-radius: 16rpx;
padding: 0;
margin-left: 40rpx;
}
.myCollection .uni-searchbar .uni-searchbar__box {
padding: 0;
border-radius: 16rpx !important;
}
.myCollection .myCollection-list {
display: flex;
}
.myCollection .myCollection-list .first-box {
border-radius: 16rpx;
font-size: 16px;
margin-top: 40rpx;
margin-left: 40rpx;
color: #fff;
line-height: 60rpx;
text-align: center;
height: 60rpx;
background-color: #11A8FD;
display: inline-block;
vertical-align: top;
}
.myCollection .myCollection-list image {
margin-top: 40rpx;
margin-left: 40rpx;
border-radius: 16rpx;
}

2
unpackage/dist/dev/mp-toutiao/pages/userInfo/question/question.js

@ -9,7 +9,7 @@
"use strict"; "use strict";
/* WEBPACK VAR INJECTION */(function(wx, createPage) {__webpack_require__(/*! uni-pages */ 5); /* WEBPACK VAR INJECTION */(function(wx, createPage) {__webpack_require__(/*! uni-pages */ 5);
var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 3)); var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 4));
var _question = _interopRequireDefault(__webpack_require__(/*! ./pages/userInfo/question/question.vue */ 111));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__; var _question = _interopRequireDefault(__webpack_require__(/*! ./pages/userInfo/question/question.vue */ 111));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;
createPage(_question.default); createPage(_question.default);
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["default"], __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["createPage"])) /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["default"], __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["createPage"]))

2
unpackage/dist/dev/mp-toutiao/pages/userInfo/setting/setting.js

@ -9,7 +9,7 @@
"use strict"; "use strict";
/* WEBPACK VAR INJECTION */(function(wx, createPage) {__webpack_require__(/*! uni-pages */ 5); /* WEBPACK VAR INJECTION */(function(wx, createPage) {__webpack_require__(/*! uni-pages */ 5);
var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 3)); var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 4));
var _setting = _interopRequireDefault(__webpack_require__(/*! ./pages/userInfo/setting/setting.vue */ 123));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__; var _setting = _interopRequireDefault(__webpack_require__(/*! ./pages/userInfo/setting/setting.vue */ 123));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;
createPage(_setting.default); createPage(_setting.default);
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["default"], __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["createPage"])) /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["default"], __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["createPage"]))

86
unpackage/dist/dev/mp-toutiao/pages/userInfo/userInfo.js

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-toutiao/pages/userInfo/userInfo.json

@ -1,6 +1,6 @@
{ {
"navigationBarTitleText": "个人中心", "navigationBarTitleText": "个人中心",
"enablePullDownRefresh": true, "enablePullDownRefresh": false,
"usingComponents": { "usingComponents": {
"uni-list": "/uni_modules/uni-list/components/uni-list/uni-list", "uni-list": "/uni_modules/uni-list/components/uni-list/uni-list",
"uni-list-item": "/uni_modules/uni-list/components/uni-list-item/uni-list-item" "uni-list-item": "/uni_modules/uni-list/components/uni-list-item/uni-list-item"

2
unpackage/dist/dev/mp-toutiao/pages/userInfo/userInfo.ttml

@ -1 +1 @@
<view><uni-list vue-id="23dab6ff-1" bind:__l="__l" vue-slots="{{['default']}}"><uni-list-item vue-id="{{('23dab6ff-2')+','+('23dab6ff-1')}}" title="我的信息" clickable="{{true}}" data-event-opts="{{[['^click',[['onClick']]]]}}" bind:click="__e" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-3')+','+('23dab6ff-1')}}" title="我的收藏" show-extra-icon="{{true}}" extra-icon="{{gift-filled}}" link="{{true}}" to="/pages/userInfo/myCollection/myCollection" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-4')+','+('23dab6ff-1')}}" title="常见问题" show-extra-icon="{{true}}" extra-icon="{{extraIcon1}}" link="{{true}}" to="/pages/userInfo/question/question" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-5')+','+('23dab6ff-1')}}" title="联系我们" link="{{true}}" to="/pages/userInfo/contactUs/contactUs" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-6')+','+('23dab6ff-1')}}" title="设置" link="{{true}}" to="/pages/userInfo/setting/setting" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-7')+','+('23dab6ff-1')}}" title="分享" clickable="{{true}}" data-event-opts="{{[['^click',[['getLink']]]]}}" bind:click="__e" bind:__l="__l"></uni-list-item><button open-type="getPhoneNumber" data-event-opts="{{[['getphonenumber',[['getPhoneNumber',['$event']]]]]}}" bindgetphonenumber="__e">绑定手机号</button></uni-list></view> <view class="userInfo"><view class="my-message"><view class="left"><image src="{{userInfo.img}}" mode></image></view><view class="right">{{''+userInfo.username+''}}</view></view><uni-list vue-id="23dab6ff-1" bind:__l="__l" vue-slots="{{['default']}}"><uni-list-item vue-id="{{('23dab6ff-2')+','+('23dab6ff-1')}}" title="我的收藏" link="{{true}}" to="/pages/userInfo/myCollection/myCollection" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-3')+','+('23dab6ff-1')}}" title="常见问题" link="{{true}}" to="/pages/userInfo/question/question" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-4')+','+('23dab6ff-1')}}" title="联系我们" link="{{true}}" to="/pages/userInfo/contactUs/contactUs" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-5')+','+('23dab6ff-1')}}" title="设置" link="{{true}}" to="/pages/userInfo/setting/setting" bind:__l="__l"></uni-list-item><view class="share-box"><button title="分享" open-type="share">分享</button></view></uni-list><view class="bottom-btn"><button open-type="getPhoneNumber" data-event-opts="{{[['getphonenumber',[['getPhoneNumber',['$event']]]]]}}" bindgetphonenumber="__e">绑定手机号</button></view></view>

42
unpackage/dist/dev/mp-toutiao/pages/userInfo/userInfo.ttss

@ -0,0 +1,42 @@
.userInfo {
height: 100%;
background-color: white;
}
.userInfo .my-message {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 20rpx;
}
.userInfo .my-message .left {
width: 100rpx;
height: 100rpx;
margin-right: 20rpx;
}
.userInfo .my-message .left > image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.userInfo .my-message .right {
font-size: 12px;
}
.userInfo .share-box {
width: 100vw;
}
.userInfo .share-box > button {
background: none;
outline: none;
font-size: 14px;
text-align: left;
line-height: 14px;
padding: 12px 15px;
}
.userInfo .bottom-btn {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
z-index: 1000;
}

2
unpackage/dist/dev/mp-toutiao/uni_modules/uni-badge/components/uni-badge/uni-badge.js

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-toutiao/uni_modules/uni-icons/components/uni-icons/uni-icons.js

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-toutiao/uni_modules/uni-list/components/uni-list-item/uni-list-item.js

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-toutiao/uni_modules/uni-list/components/uni-list/uni-list.js

File diff suppressed because one or more lines are too long

4
unpackage/dist/dev/mp-toutiao/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.js

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-toutiao/uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.js

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save