新增星探计划页面

496_dongfengqichen/app.json

 {
   "pages": [
+    "pages/star/star",
     "pages/index/index",
     "pages/logs/logs"
   ],

496_dongfengqichen/pages/star/star.js

+// pages/star/star.js
+const app = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imgUrl: app.globalData.urlStatic,//图片路径
+  },
+  /**
+   * 显示规则页
+   */
+  showRule:function(){
+    console.log('显示规则')
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    //this.setData({ imgUrl: app.globalData.urlStatic })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+    console.log('2')
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

496_dongfengqichen/pages/star/star.json

+{
+  "usingComponents": {}
+}

496_dongfengqichen/pages/star/star.wxml

+<!--pages/star/star.wxml-->
+<view id="star" class="showView">
+  <view class="home">
+    <image class="bg" src="{{imgUrl+'/star/bg.jpg'}}"></image>
+    <image class="logo1" src="{{imgUrl+'/star/logo1.png'}}"></image>
+    <image class="logo2" src="{{imgUrl+'/star/logo2.png'}}"></image>
+    <view class="ruleBtn" bindtap="showRule">规则说明</view>
+    <view class="propagandaBox"></view>
+    <view class="btnBox">
+      <view class="btn">星探任务</view>
+      <view class="btn">每日任务</view>
+    </view>
+  </view>
+</view>

496_dongfengqichen/pages/star/star.wxss

+/* pages/star/star.wxss */
+.showView{
+  height: calc(100vh - 153rpx);
+  background-color: #ffffff
+}
+.home{
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+}
+.home>.bg{
+  position: absolute;
+  bottom: 0;
+  width: 750rpx;
+  height: 1353rpx;
+}
+.home>.logo1{
+  position: absolute;
+  top: 0;
+  left: 60rpx;
+  width: 175rpx;
+  height: 150rpx;
+}
+.home>.logo2{
+  position: absolute;
+  top: 46rpx;
+  right: 34rpx;
+  width: 204rpx;
+  height: 40rpx;
+}
+.ruleBtn{
+  position: absolute;
+  width: 153rpx;
+  height: 46rpx;
+  line-height: 46rpx;
+  font-size: 24rpx;
+  right: 0;
+  top: 196rpx;
+  color: #ffffff;
+  background-color: rgba(35, 24, 21, 0.63);
+  border-top-left-radius: 20rpx;
+  border-bottom-left-radius: 20rpx;
+  padding-left: 20rpx;
+  box-sizing: border-box;
+}
+.propagandaBox{
+  position: absolute;
+  width: 100%;
+  height: 76rpx;
+  bottom: 457rpx;
+  left: 0;
+  text-align: center;
+  background-color: rgba(11, 40, 109, 0.79);
+}
+.home>.btnBox{
+position: absolute;
+width: 100%;
+text-align: center;
+left: 0;
+bottom: 15rpx;
+}
+.home>.btnBox>.btn{
+  width: 278rpx;
+height: 47rpx;
+  line-height: 47rpx;
+  display: inline-block;
+  background-color: #345489;
+  margin: 0 10rpx;
+  color: #ffffff;
+  font-size: 21rpx;
+  border-radius: 15rpx;
+}