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

添加app-update-log-list组件

上级 bd9d6d19
.app-update-log-list{
.list-item{
margin: 10px 10px 0px 10px;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #F4F4F4;
.list-text{
.text{
font-size: 14px;
color: #333;
margin-bottom: 3px;
}
.date{
font-size: 12px;
color: #A3A4A4;
}
}
.list-icon{
display: flex;
align-items: center;
ion-icon{
color: #A3A4A4;
}
}
}
}
\ No newline at end of file
<template>
<div class="app-update-log-list">
<div class="list-item">
<div class="list-text">
<div class="text">PMS 7.0.19主要更新</div>
<div class="date">09月23日</div>
</div>
<div class="list-icon">
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
</div>
<div class="list-item">
<div class="list-text">
<div class="text">PMS 7.0.19主要更新</div>
<div class="date">09月23日</div>
</div>
<div class="list-icon">
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
</div>
<div class="list-item">
<div class="list-text">
<div class="text">PMS 7.0.19主要更新</div>
<div class="date">09月23日</div>
</div>
<div class="list-icon">
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
</div>
<div class="list-item">
<div class="list-text">
<div class="text">PMS 7.0.19主要更新</div>
<div class="date">09月23日</div>
</div>
<div class="list-icon">
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
</div>
<div class="list-item">
<div class="list-text">
<div class="text">PMS 7.0.19主要更新</div>
<div class="date">09月23日</div>
</div>
<div class="list-icon">
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
</div>
<div class="list-item">
<div class="list-text">
<div class="text">PMS 7.0.19主要更新</div>
<div class="date">09月23日</div>
</div>
<div class="list-icon">
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Vue, Component, Prop, Provide, Emit, Watch, } from "vue-property-decorator";
@Component({
components: {},
})
export default class AppSelect extends Vue {
public items:Array<any> = [];
/**
* 生命周期
*/
public created() {
this.thirdPartyInit();
this.setViewTitleStatus();
}
/**
* 标题状态
*
* @memberof ProductCloseMobEditViewBase
*/
public titleStatus :boolean = true;
/**
* 设置标题状态
*
* @memberof ProductCloseMobEditViewBase
*/
public setViewTitleStatus(){
const thirdPartyName = this.$store.getters.getThirdPartyName();
if(thirdPartyName){
this.titleStatus = false;
}
}
/**
* 关闭视图
*
* @memberof AppMobSelectChangeStyle
*/
public closeView() {
this.$emit("close");
}
/**
* 第三方容器初始化
*
* @type {function}
* @memberof AppMobSelectChangeStyle
*/
protected thirdPartyInit(){
this.$viewTool.setViewTitleOfThirdParty("更新日志");
this.$viewTool.setThirdPartyEvent(this.closeView);
const thirdPartyName = this.$store.getters.getThirdPartyName();
if(thirdPartyName){
this.titleStatus = false;
}
}
}
</script>
<style lang="less">
@import './app-update-log-list.less';
</style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册