提交 95aa9d4d 编写于 作者: zhujiamin's avatar zhujiamin

侧滑菜单头部通知栏垂直滚动效果

上级 24a5f1e1
...@@ -19,12 +19,17 @@ ...@@ -19,12 +19,17 @@
font-size: 12px; font-size: 12px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.notice{ .van-notice-bar{
ion-icon{ height: 20px;
line-height: 20px;
padding-left: 5px;
padding-right: 0;
background-color: #fff;
.notice-swipe {
height: 20px;
line-height: 20px;
font-size: 12px; font-size: 12px;
} }
color: rgb(255, 248, 248);
font-size: 10px;
} }
} }
} }
\ No newline at end of file
...@@ -4,7 +4,18 @@ ...@@ -4,7 +4,18 @@
<img src="assets/images/logo.png" class="ibizLogo"/> <img src="assets/images/logo.png" class="ibizLogo"/>
<div class="title">账号信息:{{srfloginname}}</div> <div class="title">账号信息:{{srfloginname}}</div>
<div class="text">{{text}}</div> <div class="text">{{text}}</div>
<div class="notice" @click="toNotice"><ion-icon name="megaphone-outline"></ion-icon> #论坛地址——{{notice}}</div> <van-notice-bar left-icon="volume-o" :scrollable="false">
<van-swipe
vertical
class="notice-swipe"
:autoplay="3000"
:show-indicators="false"
>
<van-swipe-item @click="toNotice">#论坛地址——{{notice1}}</van-swipe-item>
<van-swipe-item>#开放平台——{{notice2}}</van-swipe-item>
<van-swipe-item>#统一地址——{{notice3}}</van-swipe-item>
</van-swipe>
</van-notice-bar>
</div> </div>
</div> </div>
</template> </template>
...@@ -35,12 +46,14 @@ export default class AppMobMenuSideslipView extends Vue { ...@@ -35,12 +46,14 @@ export default class AppMobMenuSideslipView extends Vue {
public text?:string; public text?:string;
/** /**
* 论坛信息 * 信息
* *
* @type {string} * @type {string}
* @memberof AppMobMenuSideslipViewHeader * @memberof AppMobMenuSideslipViewHeader
*/ */
public notice?:string; public notice1?:string;
public notice2?:string;
public notice3?:string;
/** /**
* 生命周期 * 生命周期
...@@ -49,7 +62,9 @@ export default class AppMobMenuSideslipView extends Vue { ...@@ -49,7 +62,9 @@ export default class AppMobMenuSideslipView extends Vue {
*/ */
public created(){ public created(){
this.text = Environment.AppTitle; this.text = Environment.AppTitle;
this.notice = Environment.ibizbbstUrl; this.notice1 = Environment.ibizbbstUrl;
this.notice2 = Environment.ibizlabtUrl;
this.notice3 = Environment.uniteAddress;
let appdata = this.$store.state.appdata; let appdata = this.$store.state.appdata;
this.srfloginname = appdata.context.srfloginname; this.srfloginname = appdata.context.srfloginname;
} }
......
...@@ -216,6 +216,9 @@ ...@@ -216,6 +216,9 @@
.text { .text {
color: @theme-color; color: @theme-color;
} }
.van-notice-bar{
color: @theme-color;
}
} }
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册