JianjianStreet-H5/components/run-component/wx-b-card.vue

<template>
	<!-- <view class="btn-box transp">
		<view class="left-content">该页面部分功能需要关注公众号获取，点击前往关注，更有海量独家兼职信息每日放送</view>
		<view class="right-box">
			<view class="font-btn" @click="onclick">使用完整功能</view>
			<view class="font-btn-after"></view>
		</view>
	</view> -->
</template>

<script>
	export default{
		props:{
			
		},
		data(){
			return {
				
			}
		},
		methods:{
			onclick:() => {
				window.location = "https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=Mzg3NzkzMTg3NQ==#wechat_redirect"
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.transp{
		width: 100vw;
		height: 154rpx;
		z-index: 99999;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		background-color: #000;
		
		display: flex;
		flex-wrap: wrap;
	}
	
	.left-content {
		color: #777;
		font-size: 26rpx;
		 width: 480rpx; 
		 line-height: 30rpx;
		  padding: 25rpx;
	}
	
	.right-box{
		color: #aaa;
		font-size: 30rpx; 
		padding: 35rpx 0;
		width: 220rpx;
	}
	
	.font-btn-after {
		content: " ";
		width: 12rpx;
		height: 12rpx;
		border-bottom: 3rpx solid #aaa;
		border-right: 3rpx solid #aaa;
		transform: rotate(-45deg);
		position: absolute;
		right: 25rpx;
		top: 42rpx;
	}
	
	.btn-box {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
</style>