dudao_uniapp/pages/content/List-dl/List-dl.vue

<template>
	<view>
		<view class="content">
			<image class="dlPic" :src="top" mode="widthFix"></image>
			<!-- 	<view class="conts">
				<view class="title">{{content.name}}</view>
			</view> -->
			<!-- 分类 -->
			<view class="typeclass">

				<!-- 		<view class="Category">
					<image class="catePic" src="../../../static/images/title.png" mode=""></image>
					<view class="cateText">项目类型</view>
					<view class="cate-cont">
						{{content.cate_name}}
					</view>
				</view> -->

				<view class="Category">
					<!-- <image class="catePic" src="../../../static/images/title.png" mode=""></image> -->
					<!-- <view class="cateText">项目介绍</view> -->
					<view class="cate-conts">

						<!-- {{desc}} -->
						<view class="grace-rich-text">
							<rich-text class="richtext" :nodes='desc'></rich-text>
						</view>


					</view>
				</view>

				<view class="Category">
					<!-- <image class="catePic" src="../../../static/images/title.png" mode=""></image> -->
					<!-- <view class="cateText">实施效果</view> -->

					<view class="gory">
						<rich-text class="richtext" :nodes='effectPic'></rich-text>
						<!-- <image class="goryPic" src="../../../static/images/list.png" mode="widthFix"></image> -->

					</view>

				</view>
			</view>


			<view class="link-content" :style="{display:content.link == '' ? 'none':'block'}">

				<image class="link-logo" src="../../../static/link.gif" mode="widthFix"></image>

				<swiper class="swiper" :style="{height:heights +'rpx'}" :indicator-dots="true" :autoplay="true"
					:circular="true" :interval="3000" :duration="1000" indicator-color="rgba(255,68,68,.3)"
					indicator-active-color="#f44 ">
					<swiper-item v-for="(item, index) in linkPic" :key="index" @tap="LinkList"
						:data-link="content.link">
						<image :style="{height:heights +'rpx'}" @load="imageLoad($event,item)" :data-type="index+1"
							class="link-pic" :src="item"></image>

					</swiper-item>
					<!-- <swiper-item v-for="(item, index) in linkPic" :key="index">
						<image :style="{height:heights +'rpx'}" @load="imageLoad($event,item)" :data-type="index+1"
						class="link-pic" src="https://img.yzcdn.cn/upload_files/2020/08/16/FnNYV5SYRzzLbgoeiCRGR_GkLiAD.png!large.webp" ></image>
						
					</swiper-item> -->

				</swiper>


				<!-- <view class="link-list" @tap="LinkList" :data-link="content.link" :data-name="content.link_name">
					
					<image class="link-pic" :src="content.link_pic" mode=""></image>
					
					<view class="link-title">{{content.link_name}}</view>
					
				</view> -->

			</view>











			<!--  -->
			<view class="recommend">
				<view class="recom">
					<view class="re-title">猜你喜欢</view>
					<view class="recont">
						<view class="" v-for="(item, index) in recome" :key="index">
							<image class="rePic" :src="item.like_pic" mode="" @tap="listdal($event)" :data-id="item.id">
							</image>
						</view>

					</view>
				</view>
			</view>






			<view class="qiye-wei" v-if="poster != '' || wechat != '' ">

				<image v-if=" poster != '' " class="qiye-pic1" :src="poster" mode="widthFix"></image>

				<image v-if=" wechat != ''" class="qiye-pic2" :src="wechat" mode="widthFix"></image>


			</view>







			<!-- but_title -->
			<!-- <view class="btn-title">创意落地找读道文旅</view> -->
			<!-- 底部标签 -->
			<view class="footer">
				<view class="footer-cont">

					<!-- 	<view class="footer-btn">
					<view class="btn-title"> <text class="btn-title-sz">{{config.but_name[0]}}</text>  <text class="btn-title-sz1">{{config.but_name[1]}}</text> </view>
					
					<view class="btn-fdesc">{{config.but_title}}</view>
				</view> -->

					<view class="footer-btn">

						<view class="btn-title">
							<label class="btn-title-sz"> {{config.but_name[0]}}</label>
							<label class="btn-title-sz1"> {{config.but_name[1]}}</label>
							<text class=""></text>
						</view>

						<view class="btn-fdesc">{{config.but_title}}<text></text></view>
					</view>



					<view class="logocont">
						<view class="logos">
							<image class="logo" src="../../../static/images/icon.png" mode=""></image>
							<view class="logo-text">
								<text class="logo-texts" v-for="(item, index) in content.tag"
									:key="index">{{item}}</text>
							</view>
						</view>

						<view class="code">
							<image class="codePic" :src="config.code" mode=""></image>
							<view class="codetext"><text class="codetext-s"> 长按二维码 获取更多</text> <text
									class="codetext-a">超级创意</text> </view>
						</view>
					</view>

				</view>


				<!-- 底部标签 -->
				<view class="business">
					<!-- 		<view class="businesscard">
					<view class="left">
						<view class="phone">
							<image class="pic" :src="content.tel_pic" mode=""></image>
							<view class="cont">
								
								
								<view class="bus-cont">
								<view class="title1">{{config.but_count}}</view>
								
								<view class="tel">
									<text class="tel-num">{{config.name}}：</text>
									<text class="tel-txt">{{config.phone}}</text>
								</view>
								
								<view class="bus-desc">{{config.but_flag}}</view>
								</view>
			
							</view>
						</view>
				
					</view>
					<view class="right" @tap="tel">
			            <image class="ri-tel" src="../../../static/images/phone.gif" mode=""></image>  
					</view>
			
				</view> -->



					<view class="businesscard">


						<image class="pic" :src="content.tel_pic" mode=""></image>
						<view class="cont">

							<view class="bus-cont">
								<view class="title1">{{content.bot_name}} <text></text> </view>

								<view class="tel">
									<label class="tel-num">{{config.name}}:</label>
									<label class="tel-txt">{{config.phone}}</label>
									<text></text>
								</view>

								<view class="bus-desc">{{config.but_flag}}<text></text></view>
							</view>

						</view>

						<view class="rights1" @tap="tel">
							<image class="ri-tel" src="../../../static/images/phone.gif" mode=""></image>
							<!-- <view class="ri-tel">立即咨询</view> -->
						</view>

					</view>
				</view>

			</view>

			<image class="btnPic" src="../../../static/images/btn.png" mode="widthFix"></image>

		</view>

	</view>
	</view>
</template>

<script>
	var graceRichText = require("../../../components/richText.js");
	import share from '../../../components/share2.js'
	export default {
		data() {
			return {
				id: '',
				content: '',
				top: '',
				desc: '',
				effectPic: '',
				recome: [],
				tag: [],
				shares: '',
				type: '3',
				config: '',
				linkPic: [],
				heights: '',
				poster: '',
				wechat: ''
			}
		},
		// onShareAppMessage(e) {
		// 	var that = this;
		// 	// var pic = this.shares.case_pic;
		// 	var pic = this.top;
		// 	console.log(111,pic)

		// 	return share.share(this.shares.case_name, '/pages/taBbar/Home/Home?id='+this.content.id + '&type=' + this.type +'&path=/pages/content/List-dl/List-dl?id=',this.content.id, this.shares.case_name, that,
		// 	 that.shares.case_pic, this.shares.case_name,
		// 	);

		// },

		onShareAppMessage(e) {

			var that = this;
			console.log(111, e)

			// var pic = that.myshopShare.pic;
			var scene = uni.getStorageSync('scene', scene);
			return share.share('/pages/taBbar/Home/Home?id=' + this.content.id + '&type=' + this.type +
				'&path=/pages/content/List-dl/List-dl?id=' + this.content.id,
				this.shares.case_name, that.shares.case_pic, 9)
		},
		onLoad(e) {
			console.log(9999999, e)
			var that = this;
			that.id = e.id;

			//#ifdef H5

			this.inso1()
			this.insow()
			this.inso()
			// console.log(33338333,Dever_Share())

			//#endif
			this.listDl()
			this.share()
			this.con_list()




			// http://192.168.0.10/dudaowenlv/content/?api.desc&id=
		},
		methods: {



			con_list() {
				var that = this;
				var params = new Object()
				uni.request({
					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.share',
					url: this.host + 'api.con_list',
					data: params,
					method: 'GET',
					header: {
						'content-type': 'application/json' // 默认值
					},
					success(res) {
						console.log(22222, res)
						that.poster = res.data.data.config.poster
						that.wechat = res.data.data.config.wechat

						// that.poster=""
						// that.wechat=""
						// that.shares = res.data.data

					}
				})
			},

			imageLoad(e, item2) {
				console.log(11111195, e)
				var that = this;
				that.heights = e.detail.height
				console.log(89894, e.detail.height)



			},
			LinkList(e) {
				console.log(1111111, e.currentTarget.dataset.link);
				// return;
				// uni.navigateTo({
				// 	url: '../List-link/List-link?link=' + e.currentTarget.dataset.link + '&name=' + e.currentTarget.dataset.name
				// })
				
				//#ifdef MP-WEIXIN
				console.log(1111111,e.currentTarget.dataset.link);
				
				uni.navigateTo({
					url:'../List-link/List-link?link='+e.currentTarget.dataset.link+'&name='+e.currentTarget.dataset.name
				})
				//#endif
				
				//#ifdef H5	
				  window.location.href=e.currentTarget.dataset.link
				//#endif
			},
			share() {
				var that = this;
				var params = new Object()
				// params.signature = uni.getStorageSync('signature')
				// uni.showLoading({
				// 	title: '加载中'
				// });
				params.case_id = that.id
				uni.request({
					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.share',
					url: this.host + 'l=api.share',
					data: params,
					method: 'GET',
					header: {
						'content-type': 'application/json' // 默认值
					},
					success(res) {
						that.shares = res.data.data
						console.log(2222, res)
					}
				})
			},
			listDl() {
				var that = this;
				var params = new Object()
				params.id = that.id
				uni.showLoading({
					title: '加载中'
				});
				uni.request({
					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.desc',
					url: this.host + 'l=api.desc',
					data: params,
					method: 'GET',
					header: {
						'content-type': 'application/json' // 默认值
					},
					success(res) {

						uni.setNavigationBarTitle({
							title: res.data.data.case.name
						})

						console.log(222, res.data.data.case.tag)
						that.content = res.data.data.case

						that.linkPic = res.data.data.case.link_pic.split(',')

						console.log(11111111981, that.linkPic)


						that.config = res.data.data.config
						that.top = res.data.data.case.top
						that.desc = graceRichText.format(res.data.data.case.desc)
						that.effectPic = graceRichText.format(res.data.data.case.effect)
						that.recome = res.data.data.recome
						that.tag = res.data.data.case.tag

						uni.hideLoading();
						uni.hideNavigationBarLoading();
						uni.stopPullDownRefresh(); //得到数据后停止下拉刷新	

						//#ifdef H5

						let button = false;
						let uid = -1;
						let project = 104;
						let url = "http://cm.5dev.cn/wechat/share/?api.";
						let param = {
							title: res.data.data.case.name,
							img: res.data.data.config.h5_share_pic,
							desc: res.data.data.config.h5_share_desc,
							url: window.location.href
						};
						console.log(89897, param);

						Dever_Share.Init(uid, project, url, param, button);
						//#endif



					}
				})
			},
			listdal(event) {
				console.log(2222, event.currentTarget.dataset.id)
				var cid = event.currentTarget.dataset.id
				uni.redirectTo({
					url: '/pages/content/List-dl/List-dl?id=' + cid
				})


			},
			tel() {
				var that = this;
				uni.makePhoneCall({
					phoneNumber: that.content.phone
				});
			},

			inso1() {
				var url =
					"https://code.jquery.com/jquery-3.5.1.min.js";
				console.log(111198, url);
				var jsap = document.createElement("script");
				jsap.charset = "utf-8";
				jsap.src = url;
				document.head.appendChild(jsap);
			},

			inso() {
				var url =
					"https://trade.5dev.cn/dever_package/script/assets/dever/share.js?t1&callback=onLoad";
				console.log(111198, url);
				var jsap = document.createElement("script");
				jsap.charset = "utf-8";
				jsap.src = url;
				document.head.appendChild(jsap);
			},

			insow() {
				var url =
					"https://trade.5dev.cn/dever_package/script/assets/lib/share/weixin.js";
				console.log(111198, url);
				var jsap = document.createElement("script");
				jsap.charset = "utf-8";
				jsap.src = url;
				document.head.appendChild(jsap);
			},
		}
	}
</script>

<style>
	.content {
		background: #f7f7f7;
	}

	.dlPic {
		margin-top: 26upx;
		width: 100%;
		display: block;
	}

	.conts {
		background: #FFFFFF;
	}

	.title {
		font-size: 40upx;
		font-family: PingFang-SC-Heavy;
		font-weight: bold;
		color: rgba(34, 34, 34, 1);
		margin: 0 20upx;
		padding: 85upx 0 78upx 0;
		text-align: center;
	}

	.typeclass {
		background: #FFFFFF;
	}

	.Category {
		position: relative;
		/* margin: 0 24upx; */

	}

	.catePic {
		height: 52upx;
		width: 100%;
		display: block;
	}

	.cateText {
		width: 188upx;
		height: 52upx;
		text-align: center;
		line-height: 52upx;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 34upx;
		font-family: PingFang-SC-Bold;
		font-weight: bold;
		color: rgba(255, 255, 255, 1);
	}

	.cate-cont {
		font-size: 36upx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: rgba(51, 51, 51, 1);
		padding: 42upx 0 62upx 0;
	}

	.cate-conts {}

	.grace-rich-text {
		font-size: 30upx;
		font-family: PingFang-SC-Regular;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		line-height: 48upx;
		padding: 0upx 0 0upx 0;
	}

	.gory {
		padding: 0upx 0 0upx 0;
	}

	.goryPic {
		width: 100%;
		display: block;
	}

	/* 推荐 */
	.recommend {
		padding-top: 20upx;
		padding-bottom: 24upx;
		background: #FFFFFF;
	}

	.recom {
		background: #FFFFFF;
	}

	.re-title {
		font-size: 32upx;
		font-family: PingFang-SC-Regular;
		font-weight: bold;
		color: rgba(51, 51, 51, 1);
		text-align: center;
		padding-top: 36upx;
		margin-bottom: 48upx;
	}

	.recont {
		margin: 0 12upx;
		overflow: hidden;
		_zoom: 1;
		/* padding-bottom: 100upx; */

	}

	.rePic {
		width: 226upx;
		height: 226upx;
		float: left;
		margin-left: 12upx;
		margin-bottom: 16upx;
	}


	.btn-title {
		font-size: 36upx;
		font-weight: bold;
		text-align: center;
		color: #666666;
		margin: 0 0 20upx 0;
	}

	.footer-cont {
		padding: 30upx 73upx 37upx 86upx;
		background: #FFFFFF;
	}

	.tag {
		overflow: hidden;
		_zoom: 1;
	}

	.labels {
		overflow: hidden;
		_zoom: 1;
		float: left;
		/* display: inline-block; */
		/* display: flex; */
	}

	.label {
		font-size: 26upx;
		font-family: SourceHanSansCN-Medium;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		float: left;
	}

	.lxian {
		font-size: 26upx;
		font-family: SourceHanSansCN-Medium;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		float: left;
		margin: 0 4upx;
	}

	.labels:last-child .lxian {
		font-size: 0upx;
		float: left;
		margin: 0;
	}

	.labels:first-child .lxian {
		font-size: 0upx;
		float: left;
		margin: 0;
	}

	/* 	.tel {
			overflow: hidden;
			_zoom: 1;
			margin-top: 23upx;
			line-height:44upx;
	
		} */

	.telpic {
		width: 37upx;
		height: 41upx;
		float: left;
		display: block;
		margin-right: 20upx;
	}

	.laos {
		/* font-family: MFJinHei; */
		/* font-weight: bold; */
		font-size: 34upx;
		color: #FFFFFF;
		float: left;
	}

	.phine {
		/* font-family: MFJinHei; */
		letter-spacing: 2upx;
		/* font-weight: bold; */
		font-size: 34upx;
		color: #FFFFFF;
		float: left;
	}

	.bohao {
		width: 36upx;
		height: 40upx;
		display: block;
		float: left;
		margin-left: 38upx;
		margin-top: 5upx;

	}

	/* .flex{height:100%;display:flex;justify-content:center;align-items:center} */
	/* .bohao{
			width: 34upx;
			height: 36upx;
			display: block;
			float: left;
			margin-left: 38upx;
			margin-top: 5upx;
	
	} */


	.tjt {
		width: 39upx;
		height: 28upx;
		display: block;
		float: left;
		margin-left: 12upx;
		margin-top: 12upx;

	}

	.footer-btn {
		width: 100%;
	}

	.footer-btn view {

		text-align: justify;
		display: inline-block;
		text-align-last: justify;
		text-justify: inter-ideograph;
		vertical-align: top;
	}

	.footer-btn view text {
		display: inline-block;
		height: 0;
		width: 100%
			/* 换行 */
	}

	.btn-title {
		display: flex;
		font-size: 58upx;
		font-family: Source Han Sans CN;
		font-weight: 800;
		color: rgba(220, 66, 66, 1);
		line-height: 58upx;
		margin-bottom: 14rpx;
		height: 58rpx;
		width: 100%;
	}

	.btn-title-sz {
		color: #DC4242;

	}

	.btn-title-sz1 {
		color: #211717;

	}

	.btn-fdesc {
		width: 100%;
		font-size: 32upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		line-height: 32upx;
		height: 32rpx;
		text-align: center;
		margin-bottom: 24rpx;
	}

	.logocont {
		overflow: hidden;
		_zoom: 1;
		/* margin-top: 42upx; */
	}

	.logos {
		float: left;
		width: 352upx;
		margin-top: 15upx;
	}

	.logo {
		width: 324upx;
		height: 160upx;
		display: block;
		margin: 0 auto;

	}

	.logo-text {
		text-align: center;
		font-size: 28upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		line-height: 28upx;
		margin-top: 20rpx;
	}

	.logo-texts {
		margin-right: 8rpx;
	}

	.logo-texts:last-child {
		margin-right: 0rpx;
	}

	.code {
		float: right;
	}

	.codePic {
		width: 210upx;
		height: 210upx;
		display: block;

	}

	.codetext {
		text-align: center;
		/* font-size: 16upx;
			font-family: SourceHanSansCN-Bold;
			font-weight: bold;
			color: rgba(255, 255, 255, 1); */

		font-size: 16upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		line-height: 16upx;
		/* 	 text-align:justify;
			 text-align-last:justify; */
	}

	.codetext-s {
		color: #333333;
	}

	.codetext-a {
		color: #DC4242;
	}



	/* 	.bohao {
	
	    animation: shake 1s;
	    -o-animation: shake 1s;
	    -webkit-animation: shake 1s;
	    -moz-animation: shake 1s;
	} */

	/* .bohao {
	    animation: move 1s 0s infinite;
	    -webkit-animation: move 1s 0s infinite;
	
	} */

	@keyframes move {

		0%,
		5% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		15% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		25% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		35% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		45% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		55% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		60% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		65% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		70% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg);
		}

		75% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}

		80% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg);
		}

		85% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}

		90% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg);
		}

		95% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}

		100% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

	.tjt {
		animation: move 1s 0s infinite;
		-webkit-animation: move 1s 0s infinite;
	}


	.tjt {
		position: relative;
		animation: myfirst 1s 0s infinite;
		-webkit-animation: myfirst 1s linear 1s infinite alternate;
	}

	@keyframes myfirst {
		0% {
			left: 0px;
		}

		25% {
			left: 3px;
		}

		50% {
			left: 6px;
		}

		75% {
			left: 3px;
		}

		100% {
			left: 0px;
		}
	}



	/* 底部 */

	.business {
		/* position: absolute; */
		/* bottom: 0.66rem; */
		width: 100%;
		background: #DD4243;


	}

	.businesscard {
		height: 190upx;
		/* background: rgba(0, 0, 0, 0.4); */
		/* margin: 0 32upx; */
		overflow: hidden;
		_zoom: 1;
		padding: 0 42upx 0 53upx;
		display: flex;

	}

	.left {
		float: left;

	}

	.rights1 {
		float: right;
		/* padding: 4rpx 12rpx; */

		/* background: #fcebeb; */
		margin-top: 13upx;
		margin-left: 10rpx;
	}

	.ri-tel {
		/* color: #e03537; */
		/* font-size: 28upx; */
		/* text-align: center; */
		width: 103upx;
		height: 173upx;
		display: block;
		
	}

	.phone {
		overflow: hidden;
		_zoom: 1;
		display: flex;
	}

	.pic {
		width: 154upx;
		height: 154upx;
		/* border-radius: 50%; */
		display: block;
		margin: 18upx 20upx 0 0upx;
		display: block;
		/* margin-bottom: 17upx; */

	}

	.bus-cont view {
		/* 	text-align: justify;
		text-align-last: justify; */
		text-align: justify;
		display: inline-block;
		text-align-last: justify;
		text-justify: inter-ideograph;
		vertical-align: top;
		width: 100%;

	}

	.bus-cont view text {
		display: inline-block;
		height: 0;
		width: 100%
			/* 换行 */
	}




	.title1 {
		margin-top: 41upx;
		margin-bottom: 17rpx;
		font-size: 28upx;
		height: 28upx;
		line-height: 28upx;
		/* font-weight:bold; */
		color: #fff;
	}

	.tel {
		color: #fff;
		font-size: 30upx;

		line-height: 30upx;
		height: 30upx;
		/* text-align: left; */
		/* display: flex; */
		/* line-height: 30rpx; */

	}

	.tel-num {
		/* height: 30upx;
		line-height: 30upx; */
	}

	.tel-txt {
		/* 	height: 30upx;
		line-height: 30upx; */
		letter-spacing: 6upx;
	}

	.bus-desc {
		/* margin-top: 20rpx; */
		font-size: 20upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		/* color:rgba(51,51,51,1); */
		line-height: 20upx;
		color: #fff;
		height: 20upx;

		/* font-size:20px; */
		/* font-family:Source Han Sans CN; */
		/* font-weight:400; */
		/* color:rgba(51,51,51,1); */
		/* line-height:29px; */
	}

	.cont {
		overflow: hidden;
		_zoom: 1;
		flex: 1;
	}


	.bustag {
		overflow: hidden;
		_zoom: 1;
	}

	.bustext {
		overflow: hidden;
		_zoom: 1;
		float: left;
		/* margin-bottom: 30upx; */
	}

	.buslxian {
		float: left;
		font-size: 30upx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		margin: 0 6upx;
	}

	.bustext:first-child .buslxian {
		float: left;
		font-size: 0upx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		margin: 0;
	}

	.bust {
		float: left;
		font-size: 30upx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
	}

	.btnPic {
		width: 100%;
		display: block;
	}




	/* 	<view class="link-content">
			
			<image class="link-logo" src="../../../static/images/link.png" mode=""></image>
			
			
			<view class="link-list">
				
				<image class="link-pic" src="../../../static/images/list.png" mode=""></image>
				
				<view class="link-title">120万人必经的沂蒙山小调活态博物馆是怎样炼 成的！</view>
				
			</view>
			
			
			
			
			
		</view> */

	.link-content {
		/* padding: 0 46rpx; */
		background: #FFFFFF;
		position: relative;
	}

	.link-logo {
		width: 100%;
		height: auto;
		display: block;
		/* padding: 54rpx 0 32rpx 0; */
	}

	.swiper {
		/* position: absolute !important; */
		/* height: 100% !important; */
	}

	.link-list {
		/* width: 100%; */
		/* border: 1rpx solid ; */
		border: 1rpx solid #D1D1D1;
		/* opacity:0.3; */
		padding: 21rpx 15rpx;
		/* padding: ; */
	}

	.link-pic {
		width: 100%;
		/* height:280rpx; */
		background: rgba(237, 237, 237, 1);
		/* border-radius:20rpx; */
	}

	.link-title {
		padding-top: 35rpx;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(0, 0, 0, 1);
		line-height: 36rpx;
	}


	.qiye-wei {
		background: #FFFFFF;
		padding-bottom: 50rpx;
		position: relative;
	}

	.qiye-pic1 {
		margin: auto;
		display: block;
		height: 300rpx;
		vertical-align: middle;
		max-width: 100%;
	}

	.qiye-pic2 {
		margin: auto;
		display: block;
		vertical-align: middle;
		height: 300rpx;
		max-width: 100%;
	}
</style>
<!-- 			<view class="recommend">
			<view class="recom">
				<view class="re-title">猜你喜欢</view>
				<view class="
				* 。">
					<image class="rePic" src="../../../static/images/list.png" mode=""></image>
					
					
				</view>
			</view>
			</view> -->