FenXiNspUniapp/packDetail1/pages/about/index.vue

118 lines
2.2 KiB
Vue

<template>
<view>
<view class="contents">
<view class="incontents">
<!-- <image src="../../static/tb.png" mode=""></image>-->
<image src="../../static/sourceLogo.png" mode="widthFix"></image>
</view>
<view class="usList">
<view class="usList_item">
<view class="item_left">
版本号 v1.0.1
</view>
<!-- <view class="item_right">
v1.0.1
</view> -->
</view>
<!-- <view class="usList_item">
<view class="item_left">
经营主体
</view>
<view class="item_right">
版权所有
</view>
</view> -->
</view>
<text class="botmTetx">Copyright <text style="font-size: 30rpx;padding:0rpx 7rpx;"> © </text> 汾西县农业农村局</text>
</view>
</view>
</template>
<script>
export default {
data(){
return{
detailList:{},
imgs:'',
version:''
}
},
onLoad() {
},
onShow() {
this.version = uni.getAccountInfoSync().miniProgram.version
console.log(this.version,'版本号')
},
methods:{
}
}
</script>
<style lang="scss">
.uni-nav-bar {
height: 44px;
}
.uni-nav-bar-text {
font-size: 31rpx;
font-family: Source Han Sans SC;
font-weight: bold;
color: #193772;
}
.uni-nav-bar__left,
.uni-nav-bar__right {
color: #000;
}
page{
background-color: #fff;
}
.contents{
height: 100%;
padding-top: 72rpx;
box-sizing: border-box;
}
.incontents{
padding: 0 124rpx;
box-sizing: border-box;
display: flex;
justify-content: center;
}
.incontents image{
width: 350rpx;
// height: 303rpx;
}
.usList{
padding: 30rpx 25rpx 0;
}
.usList_item:last-child{
border-bottom: none !important;
}
.usList_item{
height: 88rpx;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2rpx solid #ececec;
}
.item_left{
font-size: 28rpx;
font-family: SourceHanSansCN;
font-weight: 400;
color: #000000;
margin: 0 auto;
}
.item_right{
font-size: 28rpx;
font-family: SourceHanSansCN;
font-weight: 400;
color: #999999;
}
.botmTetx{
position: absolute;
bottom: 60rpx;
left: 50%;
transform: translate(-50%);
color: #000;
width: 52%;
}
</style>