|
|
|
@ -1,6 +1,66 @@ |
|
|
|
<template> |
|
|
|
<view class="container"> |
|
|
|
我是关于页面 |
|
|
|
<view class="head"> 欢迎使用次元Hub</view> |
|
|
|
<uni-group mode="card"> |
|
|
|
<uni-collapse> |
|
|
|
<uni-collapse-item title="1.次元Hub是什么?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="2.怎样成为艺术家?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="3.怎样上传素材?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="4.素材在哪里查看?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="5.怎样结算收益?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="6.收益如何产生?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="7.单次广告收益是多少?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="8.如何提现?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="9.为何存在6.5%手续费?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="10.素材何时审核?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
<uni-collapse-item title="11.如何邀请更多的艺术家?" :show-animation="true"> |
|
|
|
<view class="content"> |
|
|
|
<text class="text">手风琴效果同时只会保留一个组件的打开状态,其余组件会自动关闭。</text> |
|
|
|
</view> |
|
|
|
</uni-collapse-item> |
|
|
|
</uni-collapse> |
|
|
|
|
|
|
|
</uni-group> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -104,77 +164,9 @@ |
|
|
|
</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; |
|
|
|
.head{ |
|
|
|
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; |
|
|
|
} |
|
|
|
} |
|
|
|
color: blue; |
|
|
|
font-size:36rpx; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|