|
@@ -0,0 +1,102 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <u-navbar title="发布内容" back-icon-name="close" >
|
|
|
+ <view class="slot-wrap">
|
|
|
+ 发布
|
|
|
+ </view>
|
|
|
+ </u-navbar>
|
|
|
+
|
|
|
+ <textarea placeholder="记录点滴生活..." name="" id="" cols="30" rows="10"></textarea>
|
|
|
+
|
|
|
+ <view class="upload">
|
|
|
+ <u-upload :action="action" :file-list="fileList" ></u-upload>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="select">
|
|
|
+ <view class="join">
|
|
|
+ <text class="sign">#</text>
|
|
|
+ <text class="text">参与活动</text>
|
|
|
+ </view>
|
|
|
+ <view class="choose">
|
|
|
+ <text>选择活动</text>
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+ page{
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ /deep/.u-slot-content {
|
|
|
+ display: block;
|
|
|
+ text-align: right !important;
|
|
|
+ margin-right: 16px;
|
|
|
+ color: #333333;
|
|
|
+
|
|
|
+ }
|
|
|
+ /deep/.uicon-close{
|
|
|
+ font-size: 32rpx !important;
|
|
|
+ color: #101010 !important;
|
|
|
+ }
|
|
|
+ .slot-wrap{
|
|
|
+ width: 104rpx;
|
|
|
+ height:56rpx;
|
|
|
+ line-height:56rpx ;
|
|
|
+ border-radius: 8px;
|
|
|
+ background-color: rgba(204, 204, 204, 1);
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ right: 32rpx;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ }
|
|
|
+
|
|
|
+uni-textarea{
|
|
|
+ width: 100%;
|
|
|
+ text-indent: 28rpx;
|
|
|
+ padding-top:28rpx;
|
|
|
+}
|
|
|
+.upload{
|
|
|
+ padding: 32rpx;
|
|
|
+ /deep/.u-add-tips{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+.select{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 32rpx;
|
|
|
+ height: 56px;
|
|
|
+ line-height: 56px;
|
|
|
+ .join{
|
|
|
+
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ font-size: 16px;
|
|
|
+ .sign{
|
|
|
+ color: #1F4A99;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .choose{
|
|
|
+ text{
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|