kly_uniapp/App.vue

<script>
	import commonFun from './commonFun.js'
	import commonData from './commonData.js' 

	export default {
		onLaunch: function() {
			console.log('App Launch')
			let bizWorker = uni.getStorageSync('bizWorker') 
			let bizTrader = uni.getStorageSync('bizTrader')

			wx.getSystemInfo({ 
				success: res => {
					console.log('isIphoneX', res.safeArea.top)
					uni.setStorageSync('isIphoneX', res.safeArea.top > 20 ? 1 : 0)
				}
			})  
		}, 
		onShow: function() {
			console.log('App Show')   
		},
		onHide: function() {
			console.log('App Hide') 
		},
		globalData: {
			imService: null
		} 
	}
</script>

<style>
	/*每个页面公共css */
	* {
		/* font-size: 24upx !important; */
	}

	view,
	text,
	button {
		font-size: 28upx;
	}

	button::after {
		border: none;
	}

	.article_title {
		color: #333333;
		font-size: 38upx;
		text-align: center;
		margin: 20upx 0;
	}

	.article_text {
		color: #999999;
		font-size: 32upx;
		line-height: 45upx;
		text-indent: 64upx;
	}

	.loading_text {
		text-align: center;
		color: #4B597D;
		line-height: 60upx;
	}

	.main_btn {
		background: linear-gradient(90deg, #26daad 0%, #68d7c4 100%);
		color: white;
		line-height: 90upx;
		text-align: center;
		border-radius: 15upx;
	}

	.main_btn_m {
		background: linear-gradient(90deg, #00bdc2 0%, #01c8b3 100%);
		color: white;
		line-height: 90upx;
		text-align: center;
		border-radius: 15upx;
	}

	.main_width {
		width: 710upx;
		margin-left: 20upx;
	}

	.nowrap {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.text_in_width {
		width: 94%;
		margin-left: 3%;
	}

	.top_bg_detail {
		width: 750upx;
		height: 325upx;
		background-size: 750upx 325upx;
		background-position: 0 0;
	}

	view {
		color: #1e2130;
	}

	.main_text {
		color: #666666;
		line-height: 40rpx;
	}

	.main_text_view text {
		color: #666666;
	}

	.main_text {
		color: #666666;
	}

	.bot_fixed {
		height: 110upx;
		width: 100%;
		background-color: #4CD964;
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		flex-direction: row;
	}

	.bot_fixed_con {
		text-align: center;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bot_fixed_con .text {
		color: white;
		margin-left: 20upx;
	}

	.page_title {
		font-size: 36upx;
		line-height: 40upx;
		padding: 30upx 0;
	}

	.page_title_price {
		font-size: 36upx;
		color: #ee5023;
	}

	.line_grey {
		height: 10upx;
		width: 100%;
		background-color: #F6f6f6;
	}

	.page_title2 {
		font-size: 36upx;
		line-height: 70upx;
	}

	.main_text_area {
		height: 200upx;
		color: #8f8f91 !important;
		line-height: 50upx;
		width: 94%;
		margin: 20upx auto;
		overflow: auto;
		/* background-color: #f5f5f5; */
	}

	.form_item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		border-bottom: 1px solid #D2D2D2;
		padding-top: 40upx;
		padding-bottom: 40upx;
		align-items: center;
	}

	.form_item input {
		text-align: right;
		margin-right: 30upx;
		color: #8f8f91;
	}

	.form_item .rht {
		color: #262626;
		margin-left: 20upx; 
		font-size: 30upx;
	}

	.modal_box {
		background-color: #ffffff;
		width: 90%;
		margin-left: 5%;
		margin-top: 80upx;
		border-radius: 15upx;
	}

	.modal_btn {
		display: flex;
		width: 90%;
		margin-left: 5%;
		height: 120upx;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 10upx;
	}

	.modal_btn view {
		width: 48%;
		height: 70upx;
		line-height: 70upx;
		text-align: center;
		border-radius: 8upx;
	}

	.modal_box textarea {
		padding: 20upx 0;
		width: 90%;
		margin-left: 5%;
		height: 225upx;
		background-color: #f7f7f7;
	}

	.modal_btn_cancel {
		background-color: #dadada;
		color: #666666;
	}

	.modal_btn_confirm {
		background-color: #01bcc3;
		color: #ffffff;
	}



	.danger {
		text-align: center;
		color: white;
		background: linear-gradient(90deg, #ff121a 0%, #cc0f12 100%);
		padding: 10upx 15upx;
		border-radius: 10upx;
		border: 1upx solid #d61013;
	}

	.confirm {
		text-align: center;
		color: white;
		background: #01bcc3;
		padding: 10upx 15upx;
		border-radius: 10upx;
		border: 1upx solid #01bcc3;
	}

	.cancel {
		text-align: center;
		color: #7A849D;
		background: #EDEFF5;
		padding: 10upx 15upx;
		border-radius: 10upx;
		border: 1upx solid #C5CBD9;
	}

	.bot_btn view {
		text-align: center;
		line-height: 90upx;
		width: 250upx;
		height: 90upx;
		border-radius: 45upx;
		box-sizing: border-box;
	}

	.bot_btn {
		display: flex;
		justify-content: space-evenly;
		padding: 30upx 0;
	}

	.type_child {
		color: #797d86;
	}

	.type_child_focus {
		color: #01bcc3;
		border-bottom: 4upx solid #01bcc3;
		padding-bottom: 8upx;
		font-weight: bold;
	}
	.type_child2 {
		color: #797d86;
		text-align: center;
	}
	
	.type_child_focus2 {
		color: #01bcc3;
		padding-bottom: 2upx;
		font-weight: bold;
		text-align: center;
	}

	.type_child_box {
		display: flex;
		justify-content: space-around;
		padding: 20upx 0;
	}

	.type_child_box view {
		font-size: 24upx !important;
	}

	.order_box {
		background-color: #FFFFFF;
		width: 92%;
		padding: 2%;
	}

	.order_btn_box {
		display: flex;
		justify-content: space-around;
		padding: 20upx 0 10upx;
	}

	.tab_status_box {
		display: flex;
		justify-content: space-around;
		align-items: center;
		line-height: 60upx;
	}

	.tab_status_box_focus {
		color: #00c7b2;
		font-weight: bold;
		border-bottom: 6upx solid #00c7b2;
	}

	.tab_status_box_no_focus {
		color: #999999;
	}

	.to_login {
		margin-top: 200upx;
		width: 90%;
		margin-left: 5%;
	}

	.share_style {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 160upx;
		height: 70upx;
		background-color: #fff2dc;
		border-radius: 70upx 0 0 70upx;
		/* border-color: #fff2dc; */
		outline: none;
	}

	.gpt {
		width: 100%;
		height: 40upx;
		background-color: transparent;
		outline: none;
		border: none;
		color: #ffffff;
		line-height: 40upx;
		padding: 0;
	}

	.bar_view {
		font-size: 30upx;
		color: #B7BECF;
		text-align: center;
		position: relative;
	}

	.bar_view_num {
		position: absolute;
		width: 40upx;
		height: 40upx;
		background: #FF0000;
		border-radius: 50%;
		color: #ffffff;
		text-align: center;
		line-height: 40upx;
		font-size: 22upx !important;
		right: 0upx;
		top: -10upx;
	}

	.mention {
		width: 90%;
		margin-left: 5%;
		color: #9c9c9c;
	}

	.mention view {
		padding-bottom: 20upx;
		display: flex;
	}

	.mention view navigator {
		color: #01bcc3;
	}

	.choose_add {
		background-color: #01bcc3;
		color: #ffffff;
		width: 130upx !important;
		border-radius: 8upx !important;
		text-align: center;
		line-height: 50upx;
	}
	.choose_add_break {
		background-color: #01bcc3;
		color: #ffffff;
		width: 190upx !important;
		border-radius: 8upx !important;
		text-align: center;
		line-height: 50upx;
	}
	.has_signed{
		margin-left: 4upx;
	}
	.has_signed image {
		width: 45upx;
		height: 45upx;
		margin-left: -15upx;
		margin-right: 0 !important;
		border-radius: 50%;
		border: 4upx solid #ffffff;
	}
</style>