You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
231 lines
4.0 KiB
231 lines
4.0 KiB
<template> |
|
|
|
<view class="shichangboxs"> |
|
<view class="header"></view> |
|
|
|
<view class="title"> |
|
<image src="../../static/return.png" mode="" class="img"></image> |
|
<view class="title_text"> |
|
<text>发布创作</text> |
|
</view> |
|
</view> |
|
|
|
<view class="zuopintu tive1"> |
|
<text>作品图</text> |
|
</view> |
|
<view class="geshi"> |
|
格式要求：高清 (大小不低于500k) ,jpg、尺寸（400*300） |
|
</view> |
|
<view class="upload"> |
|
<view class="img"> |
|
<image src="../../static/xiangji.png" mode=""></image> |
|
</view> |
|
<view class="text"> |
|
点击上传 |
|
</view> |
|
</view> |
|
|
|
<view class="zuopintu tive2"> |
|
<text>概念说明</text> |
|
</view> |
|
<view class="geshi"> |
|
要求：阐述完整、通俗易懂 |
|
</view> |
|
<textarea name="" id="" cols="40" rows="5" class="area1"></textarea> |
|
|
|
<view class="zuopintu tive3"> |
|
<text>份数</text> |
|
</view> |
|
<view class="geshi"> |
|
要求：整数且不大于100份 |
|
</view> |
|
<textarea name="" id="" cols="40" rows="5" class="area2"></textarea> |
|
|
|
<view class="zuopintu tive4"> |
|
<text>发布价格</text> |
|
</view> |
|
<view class="geshi"> |
|
要求：整数且不大于100元 |
|
</view> |
|
<textarea name="" id="" cols="40" rows="5" class="area3"></textarea> |
|
|
|
<view class="xieyi"> |
|
<radio :value="22" :checked="true" /> |
|
<text>同意创作者协议</text> |
|
</view> |
|
|
|
<view class="submit"> |
|
提交审核 |
|
</view> |
|
</view> |
|
|
|
</template> |
|
|
|
<script> |
|
import Head from '@/components/head/head.vue' |
|
import Uitabber from '@/components/uitabbar/uitabbar.vue' |
|
export default { |
|
components: { |
|
Head, |
|
Uitabber |
|
}, |
|
data() { |
|
return { |
|
|
|
} |
|
}, |
|
methods: { |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
.shichangboxs { |
|
margin: 0px auto; |
|
min-height: 100vh; |
|
|
|
.header { |
|
width: 750upx; |
|
height: 88upx; |
|
opacity: 1; |
|
} |
|
|
|
.title { |
|
width: 700rpx; |
|
display: flex; |
|
margin: 0px auto; |
|
|
|
.img { |
|
width: 52rpx; |
|
height: 52rpx; |
|
} |
|
|
|
.title_text { |
|
width: calc(100% - 52rpx); |
|
font-size: 32rpx; |
|
font-weight: 400; |
|
color: #FFFFFF; |
|
text-align: center; |
|
} |
|
} |
|
|
|
.zuopintu { |
|
width: 700rpx; |
|
margin: 0px auto; |
|
font-size: 28rpx; |
|
font-weight: 400; |
|
color: #FFFFFF; |
|
} |
|
|
|
.geshi { |
|
width: 700rpx; |
|
font-size: 24rpx; |
|
font-weight: 400; |
|
color: #B4B4B4; |
|
margin: 0px auto; |
|
margin-top: 20rpx; |
|
} |
|
|
|
.upload { |
|
width: 678rpx; |
|
height: 206rpx; |
|
background-color: #29323C; |
|
margin: 0px auto; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
flex-direction: column; |
|
margin-top: 32rpx; |
|
|
|
.img { |
|
image { |
|
width: 73rpx; |
|
height: 63rpx; |
|
} |
|
} |
|
|
|
.text { |
|
font-size: 20rpx; |
|
font-weight: 400; |
|
color: #B4B4B4; |
|
margin-top: 10rpx; |
|
} |
|
} |
|
|
|
.tive1{ |
|
margin-top: 30rpx; |
|
} |
|
.tive2{ |
|
margin-top: 30rpx; |
|
} |
|
.tive3{ |
|
margin-top: 30rpx; |
|
} |
|
.tive4{ |
|
margin-top: 30rpx; |
|
} |
|
.area1{ |
|
width: 678rpx; |
|
height: 206rpx; |
|
background-color: #29323C; |
|
margin: 0px auto; |
|
margin-top: 32rpx; |
|
} |
|
.area2{ |
|
width: 678rpx; |
|
height: 96rpx; |
|
background-color: #29323C; |
|
margin: 0px auto; |
|
margin-top: 32rpx; |
|
} |
|
.area3{ |
|
width: 678rpx; |
|
height: 96rpx; |
|
background-color: #29323C; |
|
margin: 0px auto; |
|
margin-top: 32rpx; |
|
} |
|
.xieyi{ |
|
width: 700rpx; |
|
margin: 0px auto; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
margin-top: 48rpx; |
|
radio{ |
|
|
|
} |
|
text{ |
|
font-size: 24rpx; |
|
font-weight: 400; |
|
color: #B4B4B4; |
|
} |
|
} |
|
|
|
.submit{ |
|
width: 318rpx; |
|
height: 64rpx; |
|
background: linear-gradient(134deg, #1A94EE 0%, #53F2D1 100%); |
|
border-radius: 46rpx 46rpx 46rpx 46rpx; |
|
opacity: 1; |
|
margin: 0px auto; |
|
font-size: 28rpx; |
|
font-family: PingFang SC-Regular, PingFang SC; |
|
font-weight: 400; |
|
color: #FFFFFF; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
margin-top: 68rpx; |
|
} |
|
|
|
} |
|
|
|
page { |
|
background-color: #282828; |
|
background-image: url(http://124.220.7.57:8888/down/5x39pvJMOmLg); |
|
background-size: 100% 100%; |
|
background-repeat: no-repeat; |
|
} |
|
</style>
|
|
|