签到需要优化

pages/discover/dynamic/dynamic.vue

@@ -1,6 +1,7 @@
 <script setup>
   import { reactive, ref } from 'vue'
   import { onPageScroll } from '@dcloudio/uni-app'
+  import { navigateTo } from '@/utils/router'
 
   const MAX_SCROLL = 446
 
@@ -42,6 +43,7 @@
           :color="topIcon.rightColor"
           type="camera"
           size="24"
+          @click="navigateTo('/pages/discover/dynamic/release')"
         ></uni-icons>
       </template>
     </nav-bar>

pages/discover/dynamic/release.vue

@@ -0,0 +1,77 @@
+<script setup>
+  import { reactive } from 'vue'
+
+  const placeholderStyle = `font-family: PingFang SC, PingFang SC;
+font-weight: 500;
+font-size: 28rpx;
+color: #999999;
+line-height: 40rpx;
+font-style: normal;
+text-transform: none;`
+
+  const formData = reactive({
+    txt: '',
+    listImg: []
+  })
+
+  const onUpData = () => {
+    console.log(formData)
+  }
+</script>
+
+<template>
+  <view class="release-box">
+    <nav-bar isPlaceholder>
+      <template #right>
+        <text class="right-btn" @click="onUpData">发布</text>
+      </template>
+    </nav-bar>
+
+    <view class="content">
+      <textarea
+        v-model="formData.txt"
+        focus
+        :placeholder-style="placeholderStyle"
+        placeholder="请输入朋友圈文字..."
+        class="textarea"
+      ></textarea>
+      <view class="upload-box">
+        <cb-file-picker
+          v-model="formData.listImg"
+          limit="9"
+        ></cb-file-picker>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  .right-btn {
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 500;
+    font-size: 28rpx;
+    color: #ffffff;
+    font-style: normal;
+    text-transform: none;
+    background: linear-gradient(0deg, #00d993 0%, #00d9c5 100%);
+    padding: 12rpx 36rpx;
+    border-radius: 8rpx;
+  }
+
+  .content {
+    padding: 32rpx 58rpx;
+    .textarea {
+      font-family: PingFang SC, PingFang SC;
+      font-weight: 500;
+      font-size: 28rpx;
+      color: #333333;
+      line-height: 40rpx;
+      font-style: normal;
+      text-transform: none;
+    }
+
+    .upload-box {
+      margin-top: 20rpx;
+    }
+  }
+</style>