Skip to content

html / h5wandahuijia

Go to a project
Commit 23732a18 by mamingqun
Options

修改浮层文字

parent 5e230ab3
Showing with 53 additions and 55 deletions
src/components/Fuceng.vue
<template> <template>
<div class="fuceng"> <div class="fuceng">
<div class="fucengBox"> <div class="fucengBox">
<div class="content">
<div class="title">最美万达摄影月赛·回家</div>
<p>以“回家”为主题方向，有奖征集万达人和万达粉丝们春节回家过年相关的摄影作品。</p>
<p>反映春运返乡道路上的艰难与劳顿，回家后的放松与惬意，亲人团聚时刻的幸福和笑脸，传递亲人、爱人、朋友、同窗、战友等不同情感的动人瞬间和情感故事。</p>
<p>投稿作品要求立意鲜明、形象生动、情感真切，有较强的视觉表现力。</p>
</div>
<div class="close" @click="closeFuceng"></div> <div class="close" @click="closeFuceng"></div>
</div> </div>
</div> </div>
...@@ -41,20 +47,46 @@ export default { ...@@ -41,20 +47,46 @@ export default {
.fucengBox { .fucengBox {
width: 9rem; width: 9rem;
height: 12.5rem; height: 12.5rem;
background: url("~@/pages/index/assets/images/Fuceng.png") no-repeat center; background: url("~@/pages/index/assets/images/Fuceng.png") no-repeat
center;
background-size: contain; background-size: contain;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
.content {
width: 6.5rem;
height: 7.5rem;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
// background: green;
.title{
font-size: 40px;
color: #cf9a56;
margin-bottom: 20px;
}
p{
font-size: 30px;
line-height: 40px;
color: #002663;
text-align: justify;
margin-bottom: 10px;
}
}
.close { .close {
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
position: absolute; position: absolute;
bottom: 30px; bottom: 0px;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
// background: red;
} }
} }
} }
......
src/pages/index/App.vue
...@@ -41,25 +41,25 @@ export default { ...@@ -41,25 +41,25 @@ export default {
// this.hiddenBar(); // this.hiddenBar();
}, },
mounted() { mounted() {
var tar_userinfo = localStorage.getItem('tar_userinfo'); // var tar_userinfo = localStorage.getItem('tar_userinfo');
if (tar_userinfo) { // if (tar_userinfo) {
var tar_openid = localStorage.getItem('tar-uuid-129831'); // var tar_openid = localStorage.getItem('tar-uuid-129831');
tar.init({ // tar.init({
tar_debug: !1, // tar_debug: !1,
tar_token: "3fcfe0ef160eb53266161898524e1708", // tar_token: "3fcfe0ef160eb53266161898524e1708",
tar_tid: "129831", // tar_tid: "129831",
tar_userinfo: [{ // tar_userinfo: [{
openid: tar_openid }] // openid: tar_openid }]
}) // })
} else { // } else {
tar.init({ // tar.init({
tar_debug: !1, // tar_debug: !1,
tar_token: "3fcfe0ef160eb53266161898524e1708", // tar_token: "3fcfe0ef160eb53266161898524e1708",
tar_tid: "129831", // tar_tid: "129831",
tar_scope: "snsapi_base", // tar_scope: "snsapi_base",
tar_appid: "wxfa065f3046ad9c21" // tar_appid: "wxfa065f3046ad9c21"
}) // })
} // }
}, },
methods: { methods: {
hiddenBar() { hiddenBar() {
......
src/pages/index/Shouye.vue
...@@ -108,43 +108,9 @@ ...@@ -108,43 +108,9 @@
</div> </div>
</div> </div>
<div class="joinus" v-show="tabActive !== 3"> <div class="joinus" v-show="tabActive !== 3">
<!-- <router-link tag="a" :to="{path:'/imgup'}">我要参与</router-link> -->
<div @click="goImgup">我要参与</div> <div @click="goImgup">我要参与</div>
</div> </div>
<!-- 一开始的活动说明 -->
<!-- <transition name="rightToLeft">
<section class="introduce" v-show="activityButton">
<div class="mohu"></div>
<div class="newContant">
<div class="newWrap">
<div class="title">最美万达摄影大赛</div>
<p
class="marginBottom20"
>照片是生活的记录者。按下快门，就能够将生活的瞬间永久定格。即便未来斗转星移，镜头记录下的偶然也终将成为永恒。</p>
<p
class="marginBottom20"
>拍下生活中与万达有关的瞬间，记录一段美好的故事！最美万达摄影大赛正式起航，让我们一起祝福万达30岁生日快乐！</p>
<p class="marginBottom20">参赛规则：
<br>一、所有参赛作品须围绕“一个瞬间，一段故事”的创作主题，拍摄范围为国内外万达旗下影院、广场、度假区、旅游城等，以及和万达有关的慈善、体育、文化活动等；与主题无关的作品将视为无效参赛。
<br>二、不限拍摄器材，相机、手机、航拍类相机，及各类辅助摄影设备均可，参赛作品需原创。
<br>三、参赛作品黑白、彩色不限，表现形式不限；单张、组照不限；
</p>
<p class="jiachu">本次大赛奖项如下：</p>
<p class="jiachu">评委会大奖：1名，20000元奖金</p>
<p class="jiachu">金奖：1名，10000元奖金</p>
<p class="jiachu">银奖：2名，5000元奖金</p>
<p class="jiachu">铜奖：3名，3000元奖金</p>
<p class="jiachu">入围奖：20名，万达纪念品</p>
<p class="last">本次活动解释权归万达集团所有</p>
</div>
<div class="closeBox">
<div class="close" @click="activityOnoff"></div>
</div>
</div>
</section>
</transition>-->
<div class="wangqiList"></div> <div class="wangqiList"></div>
<!-- <a v-show="tabActive !== 3" href="./user.html" class="user"></a> -->
<a v-show="tabActive !== 3" :href="userCenter" class="user"></a> <a v-show="tabActive !== 3" :href="userCenter" class="user"></a>
<mt-actionsheet :actions="wangqiTitle" v-model="wangqiList"></mt-actionsheet> <mt-actionsheet :actions="wangqiTitle" v-model="wangqiList"></mt-actionsheet>
<Fuceng v-if="fucengButton=== 'close'?false:true"></Fuceng> <Fuceng v-if="fucengButton=== 'close'?false:true"></Fuceng>
......
src/pages/index/assets/images/Fuceng.png
src/pages/index/assets/images/Fuceng.png

214 KB | W: | H:

src/pages/index/assets/images/Fuceng.png

94.8 KB | W: | H:

src/pages/index/assets/images/Fuceng.png
src/pages/index/assets/images/Fuceng.png
src/pages/index/assets/images/Fuceng.png
src/pages/index/assets/images/Fuceng.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment