样式更新

zhaoxing

2023-05-17 2e0814719b06ae7b86dfa48093ab4edb6eaad6b3

 pages/index/write.vue

@@ -16,19 +16,19 @@
               <!-- <button class="cu-btn bg-gradual-orange round">我的创作</button> -->
            </view>
         </view>
         <view class="cu-bar text-green">
         <view class="cu-bar">
            <view class="action">
               <text class="text-green"></text>
               <text class="text-lg text-bold">创作类型</text>
               <text class="text-lg text-bold text-title">创作类型</text>
            </view>
         </view>
         <view class="padding-lr">
            <u-input v-model="title" class="input-text" placeholder="输入需要AI为你创作的文本类型,如:小红书文案" />
         </view>
         <view class="cu-bar text-green padding-right">
         <view class="cu-bar padding-right">
            <view class="action">
               <text class="text-green"></text>
               <text class="text-lg text-bold">主要内容</text>
               <text class="text-lg text-bold text-title">主要内容</text>
            </view>
         </view>
         <view class="input-btn">
@@ -37,10 +37,10 @@
               :adjustPosition="false"></u--textarea>
            <button @click="submit" class="btn">提 交</button>
         </view>
         <view class="cu-bar text-green padding-right">
         <view class="cu-bar padding-right">
            <view class="action">
               <text class="text-green"></text>
               <text class="text-lg text-bold">AI创作</text>
               <text class="text-lg text-bold text-title">AI创作</text>
            </view>
            <view class="flex" v-if="answerStatus == 2">
               <button class="cu-btn line-black radius text-bold">重新生成</button>
@@ -295,35 +295,43 @@
   @import url("@/static/style/color-ui.css");
   
   .input-text{
      border-radius: 22rpx;
      background: #ecf4fd;
      border: none;
      border-radius: 16rpx;
      background: #fff;
      border: 2rpx solid #607389;
      padding: 20rpx 24rpx !important;
      margin-bottom: 20rpx;
      color: #fff;
   }
   .text-title{
      color: #607389;
      font-size: 36rpx;
      font-weight: 500;
   }
	
   .input-btn{
      background: #30324f;
      margin: 0 30rpx 20rpx 30rpx;
      border-radius: 22rpx;
      border-radius: 16rpx;
      border: none;
      overflow: hidden;
      
      .u-textarea--radius{
         border-radius: 0 0 22rpx 22rpx;
         border: none;
         font-size: 26rpx;
         border-radius: 16rpx 16rpx 0 0;
         padding: 24rpx;
      }
      
      .btn{
         width: 100%;
         border-radius: 0;
         background: #30324f;
         color: #01e681;
         background: #302cd9;
         color: #fff;
         border: none;
         height: 80rpx;
         line-height: 74rpx;
      }
   }
   .uni-input-placeholder,
   .uni-input-input {
      font-size: 28rpx;
   }
   .topbg {
      position: relative;
@@ -404,8 +412,8 @@

   .anser-area {
      color: #93949D;
      background: #30324F;
      border-radius: 22rpx;
      background: #fff;
      border-radius: 16rpx;
      padding: 24rpx;
      min-height: 120px;
   }