79 lines
1.7 KiB
Vue
79 lines
1.7 KiB
Vue
<!-- 关于我们 -->
|
||
<template>
|
||
<custom-navbar-page class="about-page" title="关于我们" leftIcon="back" color="#333333">
|
||
<view class="main">
|
||
<image src="@/static/mine/logo.png" mode="aspectFit" class="main-logo"></image>
|
||
<view class="main-name">妙趣盲盒</view>
|
||
<view class="main-num">v1.0</view>
|
||
<view class="main-info">时尚潮玩优质商品，尊享八面舒心生活。</view>
|
||
</view>
|
||
<view class="footer">
|
||
<view class="footer-txt">厦门正纯科技有限公司 版权所有</view>
|
||
<view class="footer-txt">闽ICP备18020073号-3</view>
|
||
<!-- <view class="footer-txt">闽ICP备2021014932号-1</view> -->
|
||
</view>
|
||
<!-- 所有页面的弹框 -->
|
||
<page-popup page="/pages/mine/about"></page-popup>
|
||
</custom-navbar-page>
|
||
</template>
|
||
|
||
<script>
|
||
import { myMixins } from "@/mixins/mixins.js";
|
||
export default{
|
||
mixins: [myMixins],
|
||
data(){
|
||
return{
|
||
|
||
}
|
||
},
|
||
methods:{
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.about-page{
|
||
background-color: #fff;
|
||
height: 100vh;
|
||
.main{
|
||
padding-top: 160rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex-direction: column;
|
||
.main-logo{
|
||
width: 282rpx;
|
||
height: 300rpx;
|
||
}
|
||
.main-name{
|
||
margin-top: 40rpx;
|
||
font-size: 32rpx;
|
||
color: #000000;
|
||
font-weight: 800;
|
||
}
|
||
.main-num{
|
||
font-size: 24rpx;
|
||
color: #000000;
|
||
}
|
||
.main-info{
|
||
margin-top: 40rpx;
|
||
font-size: 28rpx;
|
||
color: #666666;
|
||
}
|
||
}
|
||
.footer{
|
||
width: 100%;
|
||
position: fixed;
|
||
bottom: 24rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex-direction: column;
|
||
.footer-txt{
|
||
font-size: 24rpx;
|
||
color: #666666;
|
||
}
|
||
}
|
||
}
|
||
</style> |