更改样式

zhaoxing

2023-05-18 320cafdca2b0989aac74e502ee8983df2cf770f6

 pages/index/write.vue

@@ -4,18 +4,7 @@
      <u-navbar placeholder title="AI创作教学">
      </u-navbar>
      <!-- #endif -->
      <view class="">
         <view class="topbg">
            <u--image :showLoading="true" src="https://newgpt.nauzone.cn/uploads/admin/writebg.png" width="750rpx"
               height="234rpx"></u--image>
            <view class="content-wrap">
               <view class="content">
                  <view class="text-bold text-xxl">AI创作教学</view>
                  <view class="text-bold text-lg padding-top-xs">启发灵感，专注创造</view>
               </view>
               <!-- <button class="cu-btn bg-gradual-orange round">我的创作</button> -->
            </view>
         </view>
      <view class="topbg">
         <view class="cu-bar">
            <view class="action">
               <text class="text-green"></text>
@@ -334,29 +323,7 @@
      font-size: 28rpx;
   }
   .topbg {
      position: relative;

      .content-wrap {
         position: absolute;
         top: 0;
         left: 0;
         width: 100vw;
         height: calc(100vw * 0.32);
         background-color: rgba(0, 0, 0, 0.39);

         .content {
            position: absolute;
            top: 60rpx;
            left: 40rpx;
            color: #fff;
         }

         .cu-btn {
            position: absolute;
            right: 40rpx;
            top: 120rpx;
         }
      }
      padding-top: 216rpx;
   }
</style>