initial commit

pages/index/index.js

@@ -0,0 +1,18 @@
+// index.js
+Page({
+  data: {
+   
+    },
+   tiaozhuan(){
+     console.log('chenggongle ');
+     wx.switchTab({
+       url: '/pages/jiedan/jiedan',
+     })
+   },
+   tiaozhuanzhuanqian(){
+    console.log('chenggongle ');
+   wx.navigateTo({
+     url: '/pages/logain/logain',
+   })
+  }
+})

pages/index/index.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "青橙",
+  "usingComponents": {
+  }
+}

pages/index/index.wxml

@@ -0,0 +1,33 @@
+<!--index.wxml-->
+<view class="box">
+    <!-- 按钮图片盒 -->
+   <view class="sidebox">
+   <!-- 图片框 -->
+   <view class="imagebox">
+      <image  class="iamgelogo" src="/image/logo.png" mode=""/>
+   </view>
+   <!-- 按钮框 -->
+   <view class="buttombox">
+  <view class="wenzibox shuiping">
+    <view class="buttom tongyong" bind:tap="tiaozhuan">
+        <text class="text">我要试用</text>
+    </view>
+    <view class="liaojie">
+      <text class="liaojietext">了解详情</text>
+    <image class="wenhaoimage" src="/image/wenhao.png" mode=""/>
+    </view>
+  </view>
+
+  <view class="wenzibox shuiping">
+    <view class="buttom tongyong" bind:tap="tiaozhuanzhuanqian">
+        <text class="text">我要赚钱</text>
+    </view>
+    <view class="liaojie">
+    <text class="liaojietext">了解详情</text>
+    <image class="wenhaoimage" src="/image/wenhao.png" mode=""/>
+    </view>
+  </view>
+   </view>
+   </view>
+</view>
+

pages/index/index.wxss

@@ -0,0 +1,71 @@
+/**index.wxss**/
+.box{
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.sidebox{
+  width: 100%;
+  height: 90%;
+}
+.imagebox{
+  width: 100%;
+  height: 60%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.iamgelogo{
+  width: 100%;
+  height: 100%;
+}
+.buttombox{
+  width: 100%;
+  height: 40%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.wenzibox{
+  width: 100%;
+  height: 30%;
+  margin-bottom: 40rpx;
+}
+.buttom{
+  width: 80%;
+  height: 80%;
+  background-color: #FC7E09;
+  border-radius: 20px;
+}
+.liaojie{
+  width: 80%;
+  height: 20%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.wenhaoimage{
+  width: 15px;
+  height: 15px;
+  margin-left: 8rpx;
+}
+.tongyong{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.shuiping{
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+.text{
+  font-size: 20px;
+  color: #ffffff;
+}
+.liaojietext{
+  font-size: 12px;
+  color: #888685;
+}