130 lines
1.8 KiB
Vue
130 lines
1.8 KiB
Vue
<script>
|
|
export default {
|
|
onLaunch: function () {
|
|
// console.log('App Launch')
|
|
},
|
|
onShow: function () {
|
|
// console.log('App Show')
|
|
},
|
|
onHide: function () {
|
|
// console.log('App Hide')
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
|
|
// @import "@/uni_modules/uview-ui/index.scss";
|
|
view {
|
|
box-sizing: border-box;
|
|
}
|
|
@font-face {
|
|
font-family: 'PingFangSC';
|
|
src: url('@/static/font/PingFang-SC.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
// 解决uview离线环境下没有图标
|
|
@font-face {
|
|
font-family: 'uicon-iconfont';
|
|
src: url('@/static/font/font_2225171_8kdcwk4po24.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.max_page {
|
|
min-height: 100vh;
|
|
}
|
|
.mr-10 {
|
|
margin-right: 10rpx;
|
|
}
|
|
.mb-8 {
|
|
margin-bottom: 8rpx;
|
|
}
|
|
.pt-8 {
|
|
padding-top: 8rpx;
|
|
}
|
|
.mb- {
|
|
margin-bottom: 10rpx;
|
|
}
|
|
.mb-18 {
|
|
margin-bottom: 18rpx;
|
|
}
|
|
.mb-64 {
|
|
margin-bottom: 64rpx;
|
|
}
|
|
.mb-30 {
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.mb-36 {
|
|
margin-bottom: 36rpx;
|
|
}
|
|
.mb-4 {
|
|
margin-bottom: 4rpx;
|
|
}
|
|
.fz-30 {
|
|
font-size: 30rpx;
|
|
}
|
|
.fz-28 {
|
|
font-size: 28rpx;
|
|
}
|
|
.fz-24 {
|
|
font-size: 24rpx;
|
|
}
|
|
.w_100 {
|
|
width: 100%;
|
|
}
|
|
|
|
.h_100 {
|
|
height: 100%;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.flex-jcsb {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.tar{
|
|
text-align: right;
|
|
}
|
|
.fw-600 {
|
|
font-weight: 600;
|
|
}
|
|
.fw-400 {
|
|
font-weight: 400;
|
|
}
|
|
.img_100 {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.fl1 {
|
|
flex: 1;
|
|
}
|
|
|
|
.font_pf {
|
|
font-family: 'PingFangSC';
|
|
}
|
|
|
|
.ellipsis-text {
|
|
white-space: nowrap;
|
|
/* 强制不换行 */
|
|
overflow: hidden;
|
|
/* 超出部分隐藏 */
|
|
text-overflow: ellipsis;
|
|
/* 超出部分显示省略号 */
|
|
}
|
|
|
|
/* 多行文本溢出 */
|
|
.multi-line-ellipsis {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
/* 显示的行数 */
|
|
overflow: hidden;
|
|
}
|
|
</style>
|