签到页面

pages/signup/index.js

@@ -11,7 +11,24 @@ Page({
       bgColor: '#1a1c26',
       isShowBg: true,
       showHomeIcon: false
-    }
+    },
+    list: [{
+      icon: 'iconfont icon-yonghu',
+      title: '用户全程0负担',
+      content: '无需额外付费，即可享受报价权益'
+    },{
+      icon: 'iconfont icon-yonghu',
+      title: '1次覆盖全范围',
+      content: '权益覆盖空间站所有合作品牌'
+    },{
+      icon: 'iconfont icon-yonghu',
+      title: '赔付至高2万元',
+      content: '根据所购车型官方指导价划分，赔付差价'
+    },{
+      icon: 'iconfont icon-yonghu',
+      title: '保价长达3个月',
+      content: '自购车之日起（含购车当日）90天'
+    }]
   },
 
   /**

pages/signup/index.wxml

@@ -1,10 +1,36 @@
 <!--pages/signup/index.wxml-->
 <lcb-navBar titleText="{{navBar.title}}" txtColor="{{navBar.txtColor}}" bgColor="{{navBar.bgColor}}" showHomeIcon="{{navBar.showHomeIcon}}" isShowBg="{{navBar.isShowBg}}"></lcb-navBar>
 
-<view class="container">
-  <view class="height-100">
-    <view class="">
+<view class="container" style="min-height:50vh;">
+  <view class="inner40">
+    <view class="color-fff">
+    <view class="font-40">欢迎到访</view>
+      <view class="font-28 mt10"> 汽车之家空间中·娄底娄星车卖场 </view>
+    </view>
+    <view class="card ulib-r20 inner30 box-shadow-000-10-15 relative mt40">
+      <view class="fn-flex fn-flex-middle fn-flex-between">
+        <view class="font-30">专属管家 <text class="iconfont icon-yonghu"></text>张三 为您服务 </view>
+      </view>
       
+      
+      <!-- <text class="iconfont icon-kefu absolute right-0 box-middle mr30 font-80 color-ccc" style="opacity:1;"></text> -->
+    </view>
+
+    <view class="card ulib-r20 bg-fff inner30 box-shadow-000-10-15 relative mt40 pb50">
+      <view class="font-34">价格不用比，买贵赔给你</view>
+      <block wx:for="{{list}}" wx:key="index">
+        <view class="fn-flex fn-flex-middle pt30 pb30 font-26 box-shadow-000-10-15 ulib-r20 inner30 mt30">
+          <view class="font-40"><text class="{{item.icon}}"></text></view>
+          <view class="ml30">
+            <view class="">{{item.title}}</view>
+            <view class="mt10">{{item.content}}</view>
+          </view>
+        </view>
+      </block>
+    </view>
+
+    <view class="fixed left-0 right-0 bottom-0 mb40 ml40 mr40">
+      <button class="btn btn-36afa2 color-fff">签到有礼</button>
     </view>
   </view>
 </view>

pages/signup/index.wxss

@@ -1 +1,14 @@
-/* pages/signup/index.wxss */
+/* pages/signup/index.wxss */
+
+page{
+  background-repeat:no-repeat;
+  background-position:center bottom;
+  background-size:cover;
+  background-color:#1a1c26;
+  background-image:url('https://img.liche.cn/spacestation/bg.jpg?v=20240526');
+
+}
+
+.card{
+    background-image:linear-gradient(to right,#fff,#fff3d4)
+}