xingmingyi_applet/App.vue

<script>
export default {
	onLaunch: function() {
		
	},
	onShow: function() {
		console.log('App Show');
	},
	onShareAppMessage() {
		return {
			title: '一起来学习吧',
			path: `/pages/index/index`
		};
	},
	onHide: function() {
		console.log('App Hide');
	}
};
</script>

<style lang="scss">
.u-button {
	width: 690rpx;
	background: #ed742e;
	margin-top: 100rpx;
	.u-button__text {
		color: #fff;
	}
}
.u-button--info {
	width: 690rpx;
	background: #ed742e;
	margin-top: 100rpx;
	color: #fff;
}
.defaultBtn {
	margin: 0;
	padding: 0;
}
/* 骨架屏替代方案 */
.Skeleton {
	background: #f3f3f3;
	padding: 20upx 0;
	border-radius: 8upx;
}

/*边框*/
.b-b:after,
.b-t:after {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	height: 0;
	content: '';
	transform: scaleY(0.5);
	border-bottom: 1px solid $bordermain;
}

.b-b:after {
	bottom: 0;
}

.b-t:after {
	top: 0;
}
/* input 样式 */
.input-placeholder {
	color: #c6cadb;
}

.placeholder {
	color: #c6cadb;
}

.selIcon {
	width: 28rpx;
	height: 28rpx;
	margin: 0 12rpx;
}
.clickbtn {
	width: 690rpx;
	height: 90rpx;
	line-height: 90rpx;
	background: #ed742e;
	font-size: 32rpx;
	text-align: center;
	margin: 40rpx auto 20rpx;
	letter-spacing: 2rpx;
	color: #fff;
	border-radius: 45rpx;
}
.bold {
	font-weight: 600;
}
.center {
	width: 100%;
	text-align: center;
}
.bb {
	border-bottom: 1px solid #eeeded;
}
//选中规格详情
.selAttr {
	font-size: 28rpx;
	// min-width: 124rpx;
	height: 52rpx;
	padding: 0 10rpx;
	line-height: 52rpx;
	background: #f9f9f9;
	border-radius: 6rpx;
	color: #999;
	margin-bottom: 15rpx;
}
//原价
.del {
	font-size: 24rpx;
	color: $textgrey;
	text-decoration: line-through;
}
.scrollx {
	display: -webkit-box;
	overflow-x: auto;
}
.scrollx::-webkit-scrollbar {
	display: none;
}

.flex1 {
	flex: 1;
}
/* 一行 */
.oneelli {
	overflow: hidden;
	white-space: nowrap;
	/* 文字超出宽度则显示ellipsis省略号 */
	text-overflow: ellipsis;
}

/* 两行，超出...表示 */
.elli {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.nodata,
.moredata {
	width: 100%;
	padding: 30rpx 0;
	text-align: center;
	color: $textgrey;
	align-items: center;
	justify-content: center;
}
.fixBox {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 100rpx;
	width: 100%;
	background-color: #fff;
}
.status {
	height: 0;
	/*  #ifdef  APP-PLUS  */
	height: var(--status-bar-height); //覆盖样式
	/*  #endif  */
}

/* 常用样式 */
.dfsb {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.dfsa {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.dffs {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.dffd {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

/*每个页面公共css */
page {
	background: #f8f9fe;
}
.priceDan {
	font-size: 38rpx;
	font-family: DINPro-Bold, DINPro;
	font-weight: bold;
	color: #f16630;
	line-height: 33rpx;
	display: flex;
	flex-direction: row;
	&::before {
		content: '￥';
		font-size: 26rpx;
	}
}
.mt20 {
	margin-top: 20rpx;
}
.mt30 {
	margin-top: 30rpx;
}
.pd30 {
	padding: 30rpx;
}
.custom-style {
	background-color: #0bb291;
	color: #fff;
	width: 690rpx;
	margin-top: 40rpx;
}
view,
scroll-view,
swiper,
swiper-item,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox,
form,
input,
label,
radio,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video {
	color: $textmain;
	font-family: PingFangSC-Regular, PingFang SC;
	box-sizing: border-box;
	font-size: 32rpx;
}
</style>