gao1021514
4 years ago
33 changed files with 720 additions and 288 deletions
@ -0,0 +1,91 @@ |
|||
<template> |
|||
<view class="imgDetail"> |
|||
<image class="main-img" :src="detailMsg.imgUrl" mode=""></image> |
|||
<view class="toolbar"> |
|||
<view class="toolbar-box"> |
|||
<text>热门</text> |
|||
</view> |
|||
<view class="toolbar-box"> |
|||
<text>下载</text> |
|||
<text>下载{{detailMsg.downloadNum}}</text> |
|||
</view> |
|||
<view class="toolbar-box"> |
|||
<text>喜欢</text> |
|||
<text>喜欢{{detailMsg.greatNum}}</text> |
|||
</view> |
|||
<view class="toolbar-box"> |
|||
<text>收藏</text> |
|||
<text>收藏{{detailMsg.collectionNum}}</text> |
|||
</view> |
|||
<view class="toolbar-box"> |
|||
<text>分享</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
detailsTiktokImg |
|||
} from '@/api/creator.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
detailMsg: {} |
|||
} |
|||
}, |
|||
created() { |
|||
uni.getStorage({ |
|||
key: 'detailId', |
|||
success: res => { |
|||
this.getImgDetail(res.data) |
|||
} |
|||
}) |
|||
}, |
|||
methods: { |
|||
async getImgDetail(id) { |
|||
const res = await detailsTiktokImg(id) |
|||
if (res.data.code === 200) { |
|||
this.detailMsg = res.data.data |
|||
console.log('图片详情', this.detailMsg) |
|||
} else { |
|||
uni.showToast({ |
|||
title: '请输入艺术家代号', |
|||
icon: 'error' |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.imgDetail { |
|||
height: 100vh; |
|||
width: 100vw; |
|||
overflow: hidden; |
|||
position: relative; |
|||
.main-img { |
|||
width: 100%; |
|||
height:100%; |
|||
} |
|||
.toolbar{ |
|||
width: 60px; |
|||
height: 360px; |
|||
background-color: rgba(255,255,255,0.2); |
|||
position: absolute; |
|||
bottom: 76px; |
|||
right: 10px; |
|||
border-radius: 60px; |
|||
.toolbar-box{ |
|||
height: 60px; |
|||
text{ |
|||
display: block; |
|||
text-align: center; |
|||
line-height: 30px; |
|||
font-size: 12px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@ |
|||
{ |
|||
"navigationBarTitleText": "", |
|||
"enablePullDownRefresh": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view class="imgDetail"><image class="main-img" src="{{detailMsg.imgUrl}}" mode></image><view class="toolbar"><view class="toolbar-box"><text>热门</text></view><view class="toolbar-box"><text>下载</text><text>{{"下载"+detailMsg.downloadNum}}</text></view><view class="toolbar-box"><text>喜欢</text><text>{{"喜欢"+detailMsg.greatNum}}</text></view><view class="toolbar-box"><text>收藏</text><text>{{"收藏"+detailMsg.collectionNum}}</text></view><view class="toolbar-box"><text>分享</text></view></view></view> |
|||
@ -0,0 +1,29 @@ |
|||
.imgDetail { |
|||
height: 100vh; |
|||
width: 100vw; |
|||
overflow: hidden; |
|||
position: relative; |
|||
} |
|||
.imgDetail .main-img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.imgDetail .toolbar { |
|||
width: 60px; |
|||
height: 360px; |
|||
background-color: rgba(255, 255, 255, 0.2); |
|||
position: absolute; |
|||
bottom: 76px; |
|||
right: 10px; |
|||
border-radius: 60px; |
|||
} |
|||
.imgDetail .toolbar .toolbar-box { |
|||
height: 60px; |
|||
} |
|||
.imgDetail .toolbar .toolbar-box text { |
|||
display: block; |
|||
text-align: center; |
|||
line-height: 30px; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
File diff suppressed because one or more lines are too long
@ -1 +1 @@ |
|||
<view class="userDetail"><view class="avatar-box"><view class="avatar-top"><view class="avatar-left-box"><image src="{{userMsg.img}}" mode></image><text>{{userMsg.username}}</text></view><view class="avatar-right-box"><image src="../../static/img/share.svg" mode></image></view></view><view class="avatar-box-text">个性签名</view><view class="avatar-box-tag"><view class="avatar-box-tag-left"><view class="tag-left-box"><text>112</text><text>作品</text></view><view class="tag-left-box"><text>112</text><text>收藏</text></view><view class="tag-left-box"><text>112</text><text>喜欢</text></view></view><view class="avatar-box-tag-right"></view></view></view><view class="middle"><uni-segmented-control vue-id="b78c2d26-1" current="{{current}}" values="{{arrList}}" styleType="text" activeColor="#11A8FD" data-event-opts="{{[['^clickItem',[['onClickItem']]]]}}" bind:clickItem="__e" bind:__l="__l"></uni-segmented-control></view><view class="bottom"><block tt:for="{{userMsg.imgList}}" tt:for-item="item" tt:for-index="index" tt:key="index"><image style="{{('width:'+imgWidth+';height:'+imgHeight)}}" src="{{item.imgUrl}}" mode></image></block></view></view> |
|||
<view class="userDetail"><view class="avatar-box"><view class="avatar-top"><view class="avatar-left-box"><image src="{{userMsg.img}}" mode></image><text>{{userMsg.username}}</text></view><view class="avatar-right-box"><image src="../../static/img/share.svg" mode></image></view></view><view class="avatar-box-text">个性签名</view><view class="avatar-box-tag"><view class="avatar-box-tag-left"><view class="tag-left-box"><text>112</text><text>作品</text></view><view class="tag-left-box"><text>112</text><text>收藏</text></view><view class="tag-left-box"><text>112</text><text>喜欢</text></view></view><view class="avatar-box-tag-right"></view></view></view><view class="middle"><uni-segmented-control vue-id="b78c2d26-1" current="{{current}}" values="{{arrList}}" styleType="text" activeColor="#11A8FD" data-event-opts="{{[['^clickItem',[['onClickItem']]]]}}" bind:clickItem="__e" bind:__l="__l"></uni-segmented-control></view><view class="bottom"><block tt:for="{{userMsg.imgList}}" tt:for-item="item" tt:for-index="index" tt:key="index"><image style="{{('width:'+imgWidth+';height:'+imgHeight)}}" src="{{item.imgUrl}}" mode data-event-opts="{{[['tap',[['targetDetail',['$0'],[[['userMsg.imgList','',index]]]]]]]}}" bindtap="__e"></image></block></view></view> |
|||
File diff suppressed because one or more lines are too long
@ -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></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="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> |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue