规则

src/views/mobile/activityApply/redEnvelopeDetail.vue

@@ -2,6 +2,11 @@
     <div class="overfolowWrapper" ref="overfolowWrapper" :style="{backgroundColor:detailInfo?detailInfo.backgroundColor:''}">
         <!--<div class="bgWrapper"></div>-->
         <div :style="{backgroundImage:'url('+detailInfo.baseChannelLucky.luckyBackground+')'}" v-if="detailInfo">
+            <div class="ruleContent" v-if="$route.query.flag==4||$route.query.flag==5||$route.query.flag==6">
+                <div class="ruleInfo" @click="isShowRule=true">
+                    {{$t("activityInfo.rules")}}
+                </div>
+            </div>
             <div class="detailWrapper">
                 <answerCmpt :id="$route.query.id" v-if="$route.query.flag==1" :detailInfo="detailInfo.baseChannelLucky" @postFlagVal="getUserAnswerFunc"></answerCmpt>
                 <errorAnswerCmpt :answerInfo="answerInfo" :id="$route.query.id" v-if="$route.query.flag==2" :detailInfo="detailInfo.baseChannelLucky" @postAnswer="postAnswer"></errorAnswerCmpt>
@@ -14,6 +19,8 @@
                 <img src="../../../assets/jiantouEn.png" alt="" v-if="lang==2">
             </div>
         </div>
+        <ruleDialog @isShowLoginDialogFunc="isShowLoginDialogFunc" v-if="isShowRule"
+                    :visible="isShowRule" :title="detailInfo.baseChannelLucky.luckyRule"></ruleDialog>
     </div>
 </template>
 
@@ -25,6 +32,8 @@
     import {Toast,MessageBox} from 'mint-ui';
     import api from './api';
     import commonApi from '../../../common/commonApi';
+    import ruleDialog from '../../../components/mobile/ruleDialog';
+
     const nativeshare = () => import ('nativeshare') //这种引入方式nativeshare是Promise对象
     //https://github.com/backToNature/m-share
     const m_share = () => import ('m-share')
@@ -35,7 +44,8 @@
             answerCmpt,
             errorAnswerCmpt,
             applyRegisterCmpt,
-            hasAfterCmpt
+            hasAfterCmpt,
+            ruleDialog
         },
         data() {
             return {
@@ -49,6 +59,7 @@
                 dialogVisible:false,
                 userInfo: this.publicFun.getCookie("userInfo") ? JSON.parse(this.Base64.decode(this.publicFun.getCookie("userInfo"))) : null,
                 lang: this.publicFun.getCookie("language") == "zh-CN" ? 1 : 2,
+                isShowRule:false
 
             }
         },
@@ -304,7 +315,11 @@
                 if (ua.match(/MicroMessenger/i) == "micromessenger") {
                     this.shareFunc(1);
                 }
-            }
+            },
+
+            isShowLoginDialogFunc(data) {
+                this.isShowRule = data;
+            },
         },
         mounted() {
             // ES6 标准
@@ -368,4 +383,21 @@
         padding: .3rem;
         padding-top: 2.7rem;
     }
+    .ruleContent {
+        width: 100%;
+        .ruleInfo {
+            position: absolute;
+            right: 0;
+            top: .3rem;
+            width: 1.2rem;
+            height: .6rem;
+            background: rgba(0, 0, 0, 0.2);
+            border-radius: 1rem 0px 0px 1rem;
+            color: #FFFFFF;
+            line-height: .6rem;
+            font-size: .28rem;
+            display: flex;
+            justify-content: center;
+        }
+    }
 </style>
\ No newline at end of file