助力

.env.development

@@ -1,4 +1,4 @@
-VUE_APP_BASE_URL=https://test.raex.vip/
+VUE_APP_BASE_URL=https://www.raex.vip/
 NODE_ENV=development
 VUE_APP_PUBLIC_PATH=/
 ASSETS_PATH=raex

src/router/index.js

@@ -970,6 +970,15 @@ const routes = [
             menuPage: true
         }
     },
+    {
+        path: '/riceShare',
+        name: 'riceShare',
+        component: () => import('../views/user/RiceShare.vue'),
+        meta: {
+            menuPage: true,
+            pageType: Page.Every
+        }
+    },
     {
         path: '/searchAll',
         name: 'searchAll',

src/views/user/RiceShare.vue

@@ -0,0 +1,108 @@
+<template>
+    <div class="page">
+        <div class="padding-safe-top">
+            <img :src="require('@assets/xiangzuo@3x.png')" alt="" class="page_back" @click="$router.back()" />
+            <div class="page_top">
+                <img :src="require('@assets/zhulinengliang@3x.png')" alt="" class="page_top_img" />
+            </div>
+            <div class="page_title">
+                <img :src="require('@assets/lvzhounonggen@3x.png')" alt="" class="page_title_img" />
+            </div>
+            <div class="page_content">
+                <div class="page_content_con">
+                    <div class="page_content_con_top">
+                        <img :src="require('@assets/1@3x.png')" alt="" class="page_content_con_top_img" />
+                        <img :src="require('@assets/2@3x.png')" alt="" class="page_content_con_top_img" />
+                    </div>
+                    <div class="page_content_con_text">
+                        <div>
+                            RAEX绿洲将于2023年4月11日上线“绿洲农耕”小游戏。登录游戏即可开启每日任务，完成各类日常任务可获得“能量充能次数”，用以升级，获取各种珍稀专属奖励，等级越高，未来参与活动权重越大。
+                        </div>
+                        <div>
+                            藏家根据指引提示完成相关任务，获得积分，将积分兑换成能量，使用能量为自己的赛博水稻加速升级，等级越高的用户在排行榜将会越靠前，平台会不定期为用户发放排行奖励、等级奖励(具体奖励规则及奖品将依活动实际情况公告说明)
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="page_botton" @click="$router.push('/rice')">
+                <img :src="require('@assets/zhulianniu@3x.png')" alt="" class="page_botton_img" />
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {};
+</script>
+<style lang="less" scoped>
+.page {
+    height: 100vh;
+    background-image: url('../../assets/BG@3x.png');
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    .page_back {
+        width: 15px;
+        height: 26px;
+        position: fixed;
+        left: 18px;
+        top: 37px;
+    }
+    .page_top {
+        display: flex;
+        justify-content: center;
+        padding-top: 43px;
+        .page_top_img {
+            width: 86px;
+            height: 17px;
+        }
+    }
+    .page_title {
+        display: flex;
+        justify-content: center;
+        margin-top: 50px;
+        .page_title_img {
+            width: 290px;
+            height: 43px;
+        }
+    }
+    .page_content {
+        width: 100%;
+        padding: 0 6px;
+        box-sizing: border-box;
+        margin-top: -25px;
+        .page_content_con {
+            width: 100%;
+            height: 560px;
+            padding: 54px 52px 59px;
+            box-sizing: border-box;
+            background-image: url('../../assets/lvzhounonggenbg@3x.png');
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            .page_content_con_top {
+                display: flex;
+                justify-content: space-between;
+                margin-bottom: 31px;
+                .page_content_con_top_img {
+                    width: calc(33vw + 2.25px);
+                    height: 218px;
+                }
+            }
+            .page_content_con_text {
+                font-size: 12px;
+                line-height: 21px;
+                color: #ffffff;
+                font-weight: Medium;
+                font-family: SourceHanSansCN-Medium;
+            }
+        }
+    }
+    .page_botton {
+        margin-top: 3px;
+        display: flex;
+        justify-content: center;
+        .page_botton_img {
+            width: 289px;
+            height: 94px;
+        }
+    }
+}
+</style>