edit

.hbuilderx/launch.json

@@ -0,0 +1,11 @@
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+            "type": "uniCloud",
+            "default": {
+                "launchtype": "local"
+            }
+        }
+    ]
+}

App.vue

@@ -0,0 +1,223 @@
+<script>
+	export default {
+		data() {
+			return {
+				appid: '10'
+			}
+		},
+
+		onLaunch: function() {
+			var obj = this;
+			uni.setStorageSync('appid', obj.appid); //将userIdEnc存入本地缓存
+			var session = wx.getStorageSync('session')
+			var uid = wx.getStorageSync('uid')
+			var vid = wx.getStorageSync('vid')
+			//判断用户登录
+			// wx.checkSession({
+			// 	success: function() {
+			// 		//session 未过期，并且在本生命周期一直有效
+			// 		var session = wx.getStorageSync('session')
+			// 		var uid = wx.getStorageSync('uid')
+			// 		var vid = wx.getStorageSync('vid')
+
+			// 		if (session == '' || uid == '') {
+
+			// 		}
+
+			// 	},
+			// })
+
+			// obj.login_wx();
+			// if (!vid) {
+			//obj.getuser();
+			//obj.login_wx();
+			// }
+			
+			
+			console.log('App Launch')
+				
+			
+			uni.getUpdateManager().onCheckForUpdate(function(res) {
+				// 请求完新版本信息的回调
+				console.log("1111是否有新版本：" + res.hasUpdate);
+				if (res.hasUpdate) { //如果有新版本
+			
+					// 小程序有新版本，会主动触发下载操作（无需开发者触发）
+					uni.getUpdateManager().onUpdateReady(function() { //当新版本下载完成，会进行回调
+						uni.showModal({
+							title: '更新提示',
+							content: '新版本已经准备好，单击确定重启应用',
+							showCancel: false,
+							success: function(res) {
+								console.log(1111234, res)
+								if (res.confirm) {
+									// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+									uni.getUpdateManager().applyUpdate();
+								}
+							}
+						})
+			
+					})
+			
+					// 小程序有新版本，会主动触发下载操作（无需开发者触发）
+					uni.getUpdateManager().onUpdateFailed(function() { //当新版本下载失败，会进行回调
+						uni.showModal({
+							title: '提示',
+							content: '检查到有新版本，但下载失败，请检查网络设置',
+							showCancel: false,
+						})
+					})
+				}
+			});
+
+			// console.log('App Launch')
+		},
+
+		methods: {
+			//登录
+			// login_wx() {
+			// 	var obj = this;
+			// 	wx.login({
+			// 		success: res => {
+			// 			console.log(9999, obj.appid)
+			// 			uni.request({
+			// 				url: 'https://cm.5dev.cn/applet_on/content/v1/login.bind', //仅为示例，并非真实接口地址。
+			// 				data: {
+			// 					// text: 'uni.request',
+			// 					appid: obj.appid,
+			// 					json: 1,
+			// 					code: res.code,
+			// 					test: 2
+			// 				},
+			// 				header: {
+			// 					'custom-header': 'hello' //自定义请求头信息
+			// 				},
+			// 				success: (res) => {
+			// 					console.log(8989,res.data.data);
+			// 					if (res.data.data.session != '') {
+			// 						//获取到的session保存在本地
+			// 						wx.setStorageSync('session', res.data.data.session)
+			// 						wx.setStorageSync('uid', res.data.data.uid)
+			// 						wx.setStorageSync('vid', res.data.data.vid)
+			// 						wx.setStorageSync('status', 1)
+			// 						wx.setStorageSync('mobile', res.data.data.mobile)
+			// 						//获取用户信息
+			// 						obj.checkaotu();
+			// 					}
+			// 					// this.text = 'request success';
+			// 				}
+			// 			});
+			// 		}
+			// 	})
+			// },
+			// // 判断是否同意授权过
+			// checkaotu() {
+			// 	// util.check()
+			// 	var obj = this;
+			// 	//获取用户授权设置
+			// 	wx.getSetting({
+			// 		success: res => {
+			// 			if (res.authSetting['scope.userInfo']) {
+			// 				// 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
+			// 				obj.getuser();
+			// 				// this.getPhoneNumber()
+			// 			} else {
+			// 				//没有配置授权，调起授权
+			// 				wx.authorize({
+			// 					scope: 'scope.userInfo',
+			// 					success: res => {
+			// 						obj.getuser();
+			// 						// obj.getPhoneNumber()
+			// 					},
+			// 					fail: res => {
+			// 						console.log(res)
+			// 					},
+			// 					// 友好信息提示如需添加在此处添加
+			// 				})
+			// 			}
+			// 		}
+			// 	})
+			// },
+			// //获取用户信息
+			// getuser(func) {
+			// 	//mobile,mobile_iv = this.getPhoneNumber()
+			// 	// util.getuser()
+			// 	var obj = this;
+			// 	wx.getUserInfo({
+			// 		success: res => {
+			// 			console.log(9999889999,res)
+			// 			// 获取 session uid
+			// 			var session = wx.getStorageSync('session')
+			// 			var uid = wx.getStorageSync('uid')
+			// 			var vid = wx.getStorageSync('vid')
+			// 			// 可以将 res 发送给后台解码出 unionId
+			// 			// https://cm.5dev.cn/applet_on/content/v1/login.update
+			// 			
+			// 			uni.request({
+			// 				url: 'https://cm.5dev.cn/applet_on/content/v1/login.update', //仅为示例，并非真实接口地址。
+			// 				data: {
+			// 					appid: obj.appid,
+			// 					uid: uid,
+			// 					session: session,
+			// 					vid: vid,
+			// 					nickname: res.userInfo.nickName,
+			// 					avatarurl: res.userInfo.avatarUrl,
+			// 					gender: res.userInfo.gender,
+			// 					city: res.userInfo.city,
+			// 					province: res.userInfo.province,
+			// 					country: res.userInfo.country,
+			// 					encryptedData: res.encryptedData,
+			// 					//mobile:mobile,
+			// 					//mobile_iv:mobile_iv,
+			// 					iv: res.iv
+			// 				},
+			// 				header: {
+			// 					'custom-header': 'hello' //自定义请求头信息
+			// 				},
+			// 				success: (resd) => {
+			// 					wx.setStorageSync('session', resd.data.data.session)
+			// 					wx.setStorageSync('uid', resd.data.data.uid)
+			// 					if (func) {
+			// 						func.call();
+			// 					}
+			// 					// this.text = 'request success';
+			// 				}
+			// 			});
+			// 			console.log(888888,res.userInfo)
+			// 			// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+			// 			// 所以此处加入 callback 以防止这种情况
+			// 			if (this.userInfoReadyCallback) {
+			// 				this.userInfoReadyCallback(res)
+			// 			}
+			// 		},
+			// 		fail() {
+			// 			// 用户拒绝则不然操作
+			// 			wx.openSetting({
+			// 				success: (res) => {
+			// 					// obj.getuser();
+			// 				}
+			// 			});
+			// 		}
+			// 	})
+			// },
+
+		},
+
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style>
+	/*每个页面公共css */
+	/* 	@font-face {
+		font-family: MFJinHei;
+		src: url('https://trade.5dev.cn/cmmc/main/assets/mobile/css/MFJinHei_Noncommercial-Regular1.ttf');
+
+	} */
+	/* http://trade.5dev.cn/cmmc/main/assets/mobile/css/mfjin.TTF */
+</style>

components/h5Shsre/jquery-3.5.1.min.js

@@ -0,0 +1,694 @@
+! function(e, n) {
+	"object" == typeof exports && "object" == typeof module ? module.exports = n(e) : "function" == typeof define && (
+		define.amd || define.cmd) ? define(function() {
+		return n(e)
+	}) : n(e, !0)
+}(window, function(o, e) {
+	function c(n, e, i) {
+		o.WeixinJSBridge ? WeixinJSBridge.invoke(n, r(e), function(e) {
+			a(n, e, i)
+		}) : d(n, i)
+	}
+
+	function i(n, i, t) {
+		o.WeixinJSBridge ? WeixinJSBridge.on(n, function(e) {
+			t && t.trigger && t.trigger(e), a(n, e, i)
+		}) : d(n, t || i)
+	}
+
+	function r(e) {
+		return (e = e || {}).appId = M.appId, e.verifyAppId = M.appId, e.verifySignType = "sha1", e.verifyTimestamp = M.timestamp +
+			"", e.verifyNonceStr = M.nonceStr, e.verifySignature = M.signature, e
+	}
+
+	function n(e) {
+		return {
+			timeStamp: e.timestamp + "",
+			nonceStr: e.nonceStr,
+			package: e.package,
+			paySign: e.paySign,
+			signType: e.signType || "SHA1"
+		}
+	}
+
+	function a(e, n, i) {
+		"openEnterpriseChat" == e && (n.errCode = n.err_code), delete n.err_code, delete n.err_desc, delete n.err_detail;
+		var t = n.errMsg;
+		t || (t = n.err_msg, delete n.err_msg, t = function(e, n) {
+				var i = e,
+					t = f[i];
+				t && (i = t);
+				var o = "ok";
+				if (n) {
+					var r = n.indexOf(":");
+					"confirm" == (o = n.substring(r + 1)) && (o = "ok"), "failed" == o && (o = "fail"), -1 != o.indexOf("failed_") &&
+						(o = o.substring(7)), -1 != o.indexOf("fail_") && (o = o.substring(5)), "access denied" != (o = (o = o.replace(
+							/_/g, " ")).toLowerCase()) && "no permission to execute" != o || (o = "permission denied"), "config" == i &&
+						"function not exist" == o && (o = "ok"), "" == o && (o = "fail")
+				}
+				return n = i + ":" + o
+			}(e, t), n.errMsg = t), (i = i || {})._complete && (i._complete(n), delete i._complete), t = n.errMsg || "", M.debug &&
+			!i.isInnerInvoke && alert(JSON.stringify(n));
+		var o = t.indexOf(":");
+		switch (t.substring(o + 1)) {
+			case "ok":
+				i.success && i.success(n);
+				break;
+			case "cancel":
+				i.cancel && i.cancel(n);
+				break;
+			default:
+				i.fail && i.fail(n)
+		}
+		i.complete && i.complete(n)
+	}
+
+	function s(e) {
+		if (e) {
+			for (var n = 0, i = e.length; n < i; ++n) {
+				var t = e[n],
+					o = p[t];
+				o && (e[n] = o)
+			}
+			return e
+		}
+	}
+
+	function d(e, n) {
+		if (!(!M.debug || n && n.isInnerInvoke)) {
+			var i = f[e];
+			i && (e = i), n && n._complete && delete n._complete, console.log('"' + e + '",', n || "")
+		}
+	}
+
+	function l() {
+		return (new Date).getTime()
+	}
+
+	function u(e) {
+		I && (o.WeixinJSBridge ? e() : t.addEventListener && t.addEventListener("WeixinJSBridgeReady", e, !1))
+	}
+	if (!o.jWeixin) {
+		var p = {
+				config: "preVerifyJSAPI",
+				onMenuShareTimeline: "menu:share:timeline",
+				onMenuShareAppMessage: "menu:share:appmessage",
+				onMenuShareQQ: "menu:share:qq",
+				onMenuShareWeibo: "menu:share:weiboApp",
+				onMenuShareQZone: "menu:share:QZone",
+				previewImage: "imagePreview",
+				getLocation: "geoLocation",
+				openProductSpecificView: "openProductViewWithPid",
+				addCard: "batchAddCard",
+				openCard: "batchViewCard",
+				chooseWXPay: "getBrandWCPayRequest",
+				openEnterpriseRedPacket: "getRecevieBizHongBaoRequest",
+				startSearchBeacons: "startMonitoringBeacons",
+				stopSearchBeacons: "stopMonitoringBeacons",
+				onSearchBeacons: "onBeaconsInRange",
+				consumeAndShareCard: "consumedShareCard",
+				openAddress: "editAddress"
+			},
+			f = function() {
+				var e = {};
+				for (var n in p) e[p[n]] = n;
+				return e
+			}(),
+			t = o.document,
+			m = t.title,
+			g = navigator.userAgent.toLowerCase(),
+			h = navigator.platform.toLowerCase(),
+			v = !(!h.match("mac") && !h.match("win")),
+			S = -1 != g.indexOf("wxdebugger"),
+			I = -1 != g.indexOf("micromessenger"),
+			y = -1 != g.indexOf("android"),
+			_ = -1 != g.indexOf("iphone") || -1 != g.indexOf("ipad"),
+			w = (O = g.match(/micromessenger\/(\d+\.\d+\.\d+)/) || g.match(/micromessenger\/(\d+\.\d+)/)) ? O[1] : "",
+			k = {
+				initStartTime: l(),
+				initEndTime: 0,
+				preVerifyStartTime: 0,
+				preVerifyEndTime: 0
+			},
+			T = {
+				version: 1,
+				appId: "",
+				initTime: 0,
+				preVerifyTime: 0,
+				networkType: "",
+				isPreVerifyOk: 1,
+				systemType: _ ? 1 : y ? 2 : -1,
+				clientVersion: w,
+				url: encodeURIComponent(location.href)
+			},
+			M = {},
+			P = {
+				_completes: []
+			},
+			x = {
+				state: 0,
+				data: {}
+			};
+		u(function() {
+			k.initEndTime = l()
+		});
+		var A = !1,
+			V = [],
+			C = {
+				config: function(e) {
+					d("config", M = e);
+					var t = !1 !== M.check;
+					u(function() {
+						if (t) c(p.config, {
+							verifyJsApiList: s(M.jsApiList)
+						}, function() {
+							P._complete = function(e) {
+								k.preVerifyEndTime = l(), x.state = 1, x.data = e
+							}, P.success = function(e) {
+								T.isPreVerifyOk = 0
+							}, P.fail = function(e) {
+								P._fail ? P._fail(e) : x.state = -1
+							};
+							var t = P._completes;
+							return t.push(function() {
+								! function(e) {
+									if (!(v || S || M.debug || w < "6.0.2" || T.systemType < 0)) {
+										var i = new Image;
+										T.appId = M.appId, T.initTime = k.initEndTime - k.initStartTime, T.preVerifyTime = k.preVerifyEndTime -
+											k.preVerifyStartTime, C.getNetworkType({
+												isInnerInvoke: !0,
+												success: function(e) {
+													T.networkType = e.networkType;
+													var n = "https://open.weixin.qq.com/sdk/report?v=" + T.version + "&o=" + T.isPreVerifyOk + "&s=" +
+														T.systemType + "&c=" + T.clientVersion + "&a=" + T.appId + "&n=" + T.networkType + "&i=" + T.initTime +
+														"&p=" + T.preVerifyTime + "&u=" + T.url;
+													i.src = n
+												}
+											})
+									}
+								}()
+							}), P.complete = function(e) {
+								for (var n = 0, i = t.length; n < i; ++n) t[n]();
+								P._completes = []
+							}, P
+						}()), k.preVerifyStartTime = l();
+						else {
+							x.state = 1;
+							for (var e = P._completes, n = 0, i = e.length; n < i; ++n) e[n]();
+							P._completes = []
+						}
+					}), C.invoke || (C.invoke = function(e, n, i) {
+						o.WeixinJSBridge && WeixinJSBridge.invoke(e, r(n), i)
+					}, C.on = function(e, n) {
+						o.WeixinJSBridge && WeixinJSBridge.on(e, n)
+					})
+				},
+				ready: function(e) {
+					0 != x.state ? e() : (P._completes.push(e), !I && M.debug && e())
+				},
+				error: function(e) {
+					w < "6.0.2" || (-1 == x.state ? e(x.data) : P._fail = e)
+				},
+				checkJsApi: function(e) {
+					c("checkJsApi", {
+						jsApiList: s(e.jsApiList)
+					}, (e._complete = function(e) {
+						if (y) {
+							var n = e.checkResult;
+							n && (e.checkResult = JSON.parse(n))
+						}
+						e = function(e) {
+							var n = e.checkResult;
+							for (var i in n) {
+								var t = f[i];
+								t && (n[t] = n[i], delete n[i])
+							}
+							return e
+						}(e)
+					}, e))
+				},
+				onMenuShareTimeline: function(e) {
+					i(p.onMenuShareTimeline, {
+						complete: function() {
+							c("shareTimeline", {
+								title: e.title || m,
+								desc: e.title || m,
+								img_url: e.imgUrl || "",
+								link: e.link || location.href,
+								type: e.type || "link",
+								data_url: e.dataUrl || ""
+							}, e)
+						}
+					}, e)
+				},
+				onMenuShareAppMessage: function(n) {
+					i(p.onMenuShareAppMessage, {
+						complete: function(e) {
+							"favorite" === e.scene ? c("sendAppMessage", {
+								title: n.title || m,
+								desc: n.desc || "",
+								link: n.link || location.href,
+								img_url: n.imgUrl || "",
+								type: n.type || "link",
+								data_url: n.dataUrl || ""
+							}) : c("sendAppMessage", {
+								title: n.title || m,
+								desc: n.desc || "",
+								link: n.link || location.href,
+								img_url: n.imgUrl || "",
+								type: n.type || "link",
+								data_url: n.dataUrl || ""
+							}, n)
+						}
+					}, n)
+				},
+				onMenuShareQQ: function(e) {
+					i(p.onMenuShareQQ, {
+						complete: function() {
+							c("shareQQ", {
+								title: e.title || m,
+								desc: e.desc || "",
+								img_url: e.imgUrl || "",
+								link: e.link || location.href
+							}, e)
+						}
+					}, e)
+				},
+				onMenuShareWeibo: function(e) {
+					i(p.onMenuShareWeibo, {
+						complete: function() {
+							c("shareWeiboApp", {
+								title: e.title || m,
+								desc: e.desc || "",
+								img_url: e.imgUrl || "",
+								link: e.link || location.href
+							}, e)
+						}
+					}, e)
+				},
+				onMenuShareQZone: function(e) {
+					i(p.onMenuShareQZone, {
+						complete: function() {
+							c("shareQZone", {
+								title: e.title || m,
+								desc: e.desc || "",
+								img_url: e.imgUrl || "",
+								link: e.link || location.href
+							}, e)
+						}
+					}, e)
+				},
+				updateTimelineShareData: function(e) {
+					c("updateTimelineShareData", {
+						title: e.title,
+						link: e.link,
+						imgUrl: e.imgUrl
+					}, e)
+				},
+				updateAppMessageShareData: function(e) {
+					c("updateAppMessageShareData", {
+						title: e.title,
+						desc: e.desc,
+						link: e.link,
+						imgUrl: e.imgUrl
+					}, e)
+				},
+				startRecord: function(e) {
+					c("startRecord", {}, e)
+				},
+				stopRecord: function(e) {
+					c("stopRecord", {}, e)
+				},
+				onVoiceRecordEnd: function(e) {
+					i("onVoiceRecordEnd", e)
+				},
+				playVoice: function(e) {
+					c("playVoice", {
+						localId: e.localId
+					}, e)
+				},
+				pauseVoice: function(e) {
+					c("pauseVoice", {
+						localId: e.localId
+					}, e)
+				},
+				stopVoice: function(e) {
+					c("stopVoice", {
+						localId: e.localId
+					}, e)
+				},
+				onVoicePlayEnd: function(e) {
+					i("onVoicePlayEnd", e)
+				},
+				uploadVoice: function(e) {
+					c("uploadVoice", {
+						localId: e.localId,
+						isShowProgressTips: 0 == e.isShowProgressTips ? 0 : 1
+					}, e)
+				},
+				downloadVoice: function(e) {
+					c("downloadVoice", {
+						serverId: e.serverId,
+						isShowProgressTips: 0 == e.isShowProgressTips ? 0 : 1
+					}, e)
+				},
+				translateVoice: function(e) {
+					c("translateVoice", {
+						localId: e.localId,
+						isShowProgressTips: 0 == e.isShowProgressTips ? 0 : 1
+					}, e)
+				},
+				chooseImage: function(e) {
+					c("chooseImage", {
+						scene: "1|2",
+						count: e.count || 9,
+						sizeType: e.sizeType || ["original", "compressed"],
+						sourceType: e.sourceType || ["album", "camera"]
+					}, (e._complete = function(e) {
+						if (y) {
+							var n = e.localIds;
+							try {
+								n && (e.localIds = JSON.parse(n))
+							} catch (e) {}
+						}
+					}, e))
+				},
+				getLocation: function(e) {},
+				previewImage: function(e) {
+					c(p.previewImage, {
+						current: e.current,
+						urls: e.urls
+					}, e)
+				},
+				uploadImage: function(e) {
+					c("uploadImage", {
+						localId: e.localId,
+						isShowProgressTips: 0 == e.isShowProgressTips ? 0 : 1
+					}, e)
+				},
+				downloadImage: function(e) {
+					c("downloadImage", {
+						serverId: e.serverId,
+						isShowProgressTips: 0 == e.isShowProgressTips ? 0 : 1
+					}, e)
+				},
+				getLocalImgData: function(e) {
+					!1 === A ? (A = !0, c("getLocalImgData", {
+						localId: e.localId
+					}, (e._complete = function(e) {
+						if (A = !1, 0 < V.length) {
+							var n = V.shift();
+							wx.getLocalImgData(n)
+						}
+					}, e))) : V.push(e)
+				},
+				getNetworkType: function(e) {
+					c("getNetworkType", {}, (e._complete = function(e) {
+						e = function(e) {
+							var n = e.errMsg;
+							e.errMsg = "getNetworkType:ok";
+							var i = e.subtype;
+							if (delete e.subtype, i) e.networkType = i;
+							else {
+								var t = n.indexOf(":"),
+									o = n.substring(t + 1);
+								switch (o) {
+									case "wifi":
+									case "edge":
+									case "wwan":
+										e.networkType = o;
+										break;
+									default:
+										e.errMsg = "getNetworkType:fail"
+								}
+							}
+							return e
+						}(e)
+					}, e))
+				},
+				openLocation: function(e) {
+					c("openLocation", {
+						latitude: e.latitude,
+						longitude: e.longitude,
+						name: e.name || "",
+						address: e.address || "",
+						scale: e.scale || 28,
+						infoUrl: e.infoUrl || ""
+					}, e)
+				},
+				getLocation: function(e) {
+					c(p.getLocation, {
+						type: (e = e || {}).type || "wgs84"
+					}, (e._complete = function(e) {
+						delete e.type
+					}, e))
+				},
+				hideOptionMenu: function(e) {
+					c("hideOptionMenu", {}, e)
+				},
+				showOptionMenu: function(e) {
+					c("showOptionMenu", {}, e)
+				},
+				closeWindow: function(e) {
+					c("closeWindow", {}, e = e || {})
+				},
+				hideMenuItems: function(e) {
+					c("hideMenuItems", {
+						menuList: e.menuList
+					}, e)
+				},
+				showMenuItems: function(e) {
+					c("showMenuItems", {
+						menuList: e.menuList
+					}, e)
+				},
+				hideAllNonBaseMenuItem: function(e) {
+					c("hideAllNonBaseMenuItem", {}, e)
+				},
+				showAllNonBaseMenuItem: function(e) {
+					c("showAllNonBaseMenuItem", {}, e)
+				},
+				scanQRCode: function(e) {
+					c("scanQRCode", {
+						needResult: (e = e || {}).needResult || 0,
+						scanType: e.scanType || ["qrCode", "barCode"]
+					}, (e._complete = function(e) {
+						if (_) {
+							var n = e.resultStr;
+							if (n) {
+								var i = JSON.parse(n);
+								e.resultStr = i && i.scan_code && i.scan_code.scan_result
+							}
+						}
+					}, e))
+				},
+				openAddress: function(e) {
+					c(p.openAddress, {}, (e._complete = function(e) {
+						var n;
+						(n = e).postalCode = n.addressPostalCode, delete n.addressPostalCode, n.provinceName = n.proviceFirstStageName,
+							delete n.proviceFirstStageName, n.cityName = n.addressCitySecondStageName, delete n.addressCitySecondStageName,
+							n.countryName = n.addressCountiesThirdStageName, delete n.addressCountiesThirdStageName, n.detailInfo = n.addressDetailInfo,
+							delete n.addressDetailInfo, e = n
+					}, e))
+				},
+				openProductSpecificView: function(e) {
+					c(p.openProductSpecificView, {
+						pid: e.productId,
+						view_type: e.viewType || 0,
+						ext_info: e.extInfo
+					}, e)
+				},
+				addCard: function(e) {
+					for (var n = e.cardList, i = [], t = 0, o = n.length; t < o; ++t) {
+						var r = n[t],
+							a = {
+								card_id: r.cardId,
+								card_ext: r.cardExt
+							};
+						i.push(a)
+					}
+					c(p.addCard, {
+						card_list: i
+					}, (e._complete = function(e) {
+						var n = e.card_list;
+						if (n) {
+							for (var i = 0, t = (n = JSON.parse(n)).length; i < t; ++i) {
+								var o = n[i];
+								o.cardId = o.card_id, o.cardExt = o.card_ext, o.isSuccess = !!o.is_succ, delete o.card_id, delete o.card_ext,
+									delete o.is_succ
+							}
+							e.cardList = n, delete e.card_list
+						}
+					}, e))
+				},
+				chooseCard: function(e) {
+					c("chooseCard", {
+						app_id: M.appId,
+						location_id: e.shopId || "",
+						sign_type: e.signType || "SHA1",
+						card_id: e.cardId || "",
+						card_type: e.cardType || "",
+						card_sign: e.cardSign,
+						time_stamp: e.timestamp + "",
+						nonce_str: e.nonceStr
+					}, (e._complete = function(e) {
+						e.cardList = e.choose_card_info, delete e.choose_card_info
+					}, e))
+				},
+				openCard: function(e) {
+					for (var n = e.cardList, i = [], t = 0, o = n.length; t < o; ++t) {
+						var r = n[t],
+							a = {
+								card_id: r.cardId,
+								code: r.code
+							};
+						i.push(a)
+					}
+					c(p.openCard, {
+						card_list: i
+					}, e)
+				},
+				consumeAndShareCard: function(e) {
+					c(p.consumeAndShareCard, {
+						consumedCardId: e.cardId,
+						consumedCode: e.code
+					}, e)
+				},
+				chooseWXPay: function(e) {
+					c(p.chooseWXPay, n(e), e)
+				},
+				openEnterpriseRedPacket: function(e) {
+					c(p.openEnterpriseRedPacket, n(e), e)
+				},
+				startSearchBeacons: function(e) {
+					c(p.startSearchBeacons, {
+						ticket: e.ticket
+					}, e)
+				},
+				stopSearchBeacons: function(e) {
+					c(p.stopSearchBeacons, {}, e)
+				},
+				onSearchBeacons: function(e) {
+					i(p.onSearchBeacons, e)
+				},
+				openEnterpriseChat: function(e) {
+					c("openEnterpriseChat", {
+						useridlist: e.userIds,
+						chatname: e.groupName
+					}, e)
+				},
+				launchMiniProgram: function(e) {
+					c("launchMiniProgram", {
+						targetAppId: e.targetAppId,
+						path: function(e) {
+							if ("string" == typeof e && 0 < e.length) {
+								var n = e.split("?")[0],
+									i = e.split("?")[1];
+								return n += ".html", void 0 !== i ? n + "?" + i : n
+							}
+						}(e.path),
+						envVersion: e.envVersion
+					}, e)
+				},
+				miniProgram: {
+					navigateBack: function(e) {
+						e = e || {}, u(function() {
+							c("invokeMiniProgramAPI", {
+								name: "navigateBack",
+								arg: {
+									delta: e.delta || 1
+								}
+							}, e)
+						})
+					},
+					navigateTo: function(e) {
+						u(function() {
+							c("invokeMiniProgramAPI", {
+								name: "navigateTo",
+								arg: {
+									url: e.url
+								}
+							}, e)
+						})
+					},
+					redirectTo: function(e) {
+						u(function() {
+							c("invokeMiniProgramAPI", {
+								name: "redirectTo",
+								arg: {
+									url: e.url
+								}
+							}, e)
+						})
+					},
+					switchTab: function(e) {
+						u(function() {
+							c("invokeMiniProgramAPI", {
+								name: "switchTab",
+								arg: {
+									url: e.url
+								}
+							}, e)
+						})
+					},
+					reLaunch: function(e) {
+						u(function() {
+							c("invokeMiniProgramAPI", {
+								name: "reLaunch",
+								arg: {
+									url: e.url
+								}
+							}, e)
+						})
+					},
+					postMessage: function(e) {
+						u(function() {
+							c("invokeMiniProgramAPI", {
+								name: "postMessage",
+								arg: e.data || {}
+							}, e)
+						})
+					},
+					getEnv: function(e) {
+						u(function() {
+							e({
+								miniprogram: "miniprogram" === o.__wxjs_environment
+							})
+						})
+					}
+				}
+			},
+			L = 1,
+			B = {};
+		return t.addEventListener("error", function(e) {
+			if (!y) {
+				var n = e.target,
+					i = n.tagName,
+					t = n.src;
+				if (("IMG" == i || "VIDEO" == i || "AUDIO" == i || "SOURCE" == i) && -1 != t.indexOf("wxlocalresource://")) {
+					e.preventDefault(), e.stopPropagation();
+					var o = n["wx-id"];
+					if (o || (o = L++, n["wx-id"] = o), B[o]) return;
+					B[o] = !0, wx.ready(function() {
+						wx.getLocalImgData({
+							localId: t,
+							success: function(e) {
+								n.src = e.localData
+							}
+						})
+					})
+				}
+			}
+		}, !0), t.addEventListener("load", function(e) {
+			if (!y) {
+				var n = e.target,
+					i = n.tagName;
+				if (n.src, "IMG" == i || "VIDEO" == i || "AUDIO" == i || "SOURCE" == i) {
+					var t = n["wx-id"];
+					t && (B[t] = !1)
+				}
+			}
+		}, !0), e && (o.wx = o.jWeixin = C), C
+	}
+	var O
+});

components/h5Shsre/share.js

@@ -0,0 +1,205 @@
+/* ================================================================================
+ * dever.js v1.0
+ * http://git.shemic.com/dever/script
+ * ================================================================================
+ * Copyright 2017-2018 Dever(dever.cc)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ================================================================================
+ */
+
+ //<filter><script src="../js/lib/jquery.min.js"></script><script src="../js/dever.js"></script></filter>
+
+
+//分享 暂时只支持手机版微信分享 请同时安装wechat组件
+var Dever_Share = 
+{
+    wechat : false,
+    url : '',
+    project : '',
+    uid : '-1',
+    param : {
+        title : '',
+        img : '',
+        desc : '',
+        url : '',
+        timelineCallback: function() {},
+        sendMessageCallback: function() {},
+        shareQQCallback: function() {}
+    },
+    Init : function(uid, project, url, param, button)
+    {
+        var self = this;
+        self.wechat = self.CheckWechat();
+        self.project = project;
+        self.url = url;
+        self.uid = uid;
+        //self.param = param;
+        $.extend(true, self.param, param)
+
+        if (button) {
+            $(button).on('click', function() {
+                if (self.wechat == 1) {
+                    self.WechatGuide();
+                } else {
+                    self.WeiboShare($(this));
+                }
+            })
+        }
+        if (self.wechat == 1) {
+            self.WechatInit();
+        }
+        self.Reflux();
+    }
+
+    ,CheckWechat : function()
+    {
+        var state = navigator.userAgent.toLowerCase().indexOf("micromessenger") > -1;
+        if (state) {
+            return 1;
+        } else {
+            return 2;
+        }
+    }
+
+    ,WechatGuide : function()
+    {
+        var param = this.param;
+        var tpl = '<div id="weixin_guide" style="position: fixed;background:url(../img/background.png) repeat;left:0;top:0;right:0;bottom:0;z-index:1000;"><img src="../img/weixin-guide.png" style="position: absolute;z-index:100;" width="295" height="273"/></div>';
+        $('#weixin_guide').remove();
+        $(tpl).attr('id', 'weixin_guide').appendTo($('body'));
+
+        $('#weixin_guide img').css(weixinCfg.style || {})
+        setTimeout(function() {
+            $('#weixin_guide').click(function() {
+                $(this).remove();
+            })
+        }, 300)
+    }
+
+    ,WechatInit: function()
+    {
+        var self = this;
+        var url = this.url + 'init?callback=?';
+        var param = this.param;
+        var project = this.project;
+        $.ajax({
+            type:'post',
+            dataType:'jsonp',
+            jsonp: 'jsonp_cb',
+            url: url,
+            data: {
+                'project' : project,
+                'url' : location.href.split('#')[0]
+            },
+            success:function(result) {
+                var data = result.data;
+                wx.config({
+                    //debug:true,
+                    appId: data.appId,
+                    timestamp: data.timestamp,
+                    nonceStr: data.nonceStr,
+                    signature: data.signature,
+                    jsApiList: [
+                        'onMenuShareTimeline',
+                        'onMenuShareAppMessage',
+                        'onMenuShareQQ'
+                    ]
+                });
+
+                wx.ready(function() {
+                    wx.onMenuShareAppMessage({
+                        title: param.title,
+                        desc: param.desc,
+                        link: param.url,
+                        imgUrl: param.img,
+                        success: function(res) {
+                            param.sendMessageCallback('success', res)
+                            self.ShareLog(1, 1);
+                        },
+                        cancel: function(res) {
+                            param.sendMessageCallback('cancel', res)
+                            self.ShareLog(1, 2);
+                        },
+                        fail: function(res) {
+                            param.sendMessageCallback('fail', res)
+                            self.ShareLog(1, 3);
+                        }
+                    });
+                    wx.onMenuShareTimeline({
+                        title: param.title,
+                        link: param.url,
+                        imgUrl: param.img,
+                        success: function(res) {
+                            param.timelineCallback('success', res)
+                            self.ShareLog(2, 1);
+                        },
+                        cancel: function(res) {
+                            param.timelineCallback('cancel', res)
+                            self.ShareLog(2, 2);
+                        },
+                        fail: function(res) {
+                            param.timelineCallback('fail', res)
+                            self.ShareLog(2, 3);
+                        }
+                    });
+                    wx.onMenuShareQQ({
+                        title: param.title,
+                        link: param.url,
+                        imgUrl: param.img,
+                        success: function(res) {
+                            param.shareQQCallback('success', res)
+                            self.ShareLog(3, 1);
+                        },
+                        cancel: function(res) {
+                            param.shareQQCallback('cancel', res)
+                            self.ShareLog(3, 2);
+                        },
+                        fail: function(res) {
+                            param.shareQQCallback('fail', res)
+                            self.ShareLog(3, 3);
+                        }
+                    });
+                });
+            },
+            async:'true',
+            timeout: 3000            
+        });
+    }
+
+    ,Reflux: function() {
+        var refer = document.referrer,
+            url = encodeURIComponent(document.location.href),
+            param = location.search.substr(1),
+            ua = encodeURIComponent(navigator.userAgent),
+            project = this.project,
+            uid = this.uid,
+            wechat = this.wechat;
+
+        if (param.indexOf("tsina-") > -1 || param.indexOf("timeline") > -1 || param.indexOf("singlemessage") > -1 || param.indexOf("groupmessage") > -1) {
+            $.getJSON(this.url + 'reflux?callback=?' + '&project='+project+'&url=' + url + '&ua=' + ua + '&param=' + encodeURIComponent(param) + '&uid=' + uid + '&type=' + wechat);
+        }
+    }
+
+    ,ShareLog: function(actType, actResult) {
+        var project = this.project;
+        var uid = this.uid;
+        var wechat = this.wechat;
+        var ua = encodeURIComponent(navigator.userAgent);
+        var url = encodeURIComponent(document.location.href);
+        $.getJSON(this.url + 'collect?callback=?' + '&project='+project+'&url=' + url + '&actType=' + actType + '&actResult=' + actResult + '&ua=' + ua + '&uid=' + uid + '&type=' + wechat);
+    }
+}
+module.exports = {
+	Dever_Share: Dever_Share,
+}

components/h5Shsre/weixin.js

@@ -0,0 +1,461 @@
+! function(a, b) {
+    // "function" == typeof define && (define.amd || define.cmd) ? define(function() {
+    //     return b(a)
+    // }) : b(a, !0)
+    b(a, !0);
+    
+}(this, function(a, b) {
+    function c(b, c, d) {
+        a.WeixinJSBridge ? WeixinJSBridge.invoke(b, e(c), function(a) {
+            i(b, a, d)
+        }) : l(b, d)
+    }
+
+    function d(b, c, d) {
+        a.WeixinJSBridge ? WeixinJSBridge.on(b, function(a) {
+            d && d.trigger && d.trigger(a), i(b, a, c)
+        }) : d ? l(b, d) : l(b, c)
+    }
+
+    function e(a) {
+        return a = a || {}, a.appId = B.appId, a.verifyAppId = B.appId, a.verifySignType = "sha1", a.verifyTimestamp = B.timestamp + "", a.verifyNonceStr = B.nonceStr, a.verifySignature = B.signature, a
+    }
+
+    function f(a, b) {
+        return {
+            scope: b,
+            signType: "sha1",
+            timeStamp: a.timestamp + "",
+            nonceStr: a.nonceStr,
+            addrSign: a.addrSign
+        }
+    }
+
+    function g(a) {
+        return {
+            timeStamp: a.timestamp + "",
+            nonceStr: a.nonceStr,
+            "package": a.package,
+            paySign: a.paySign,
+            signType: "SHA1"
+        }
+    }
+
+    function i(a, b, c) {
+        var d, e, f;
+        switch (delete b.err_code, delete b.err_desc, delete b.err_detail, d = b.errMsg, d || (d = b.err_msg, delete b.err_msg, d = j(a, d, c), b.errMsg = d), c = c || {}, c._complete && (c._complete(b), delete c._complete), d = b.errMsg || "", B.debug && !c.isInnerInvoke && alert(JSON.stringify(b)), e = d.indexOf(":"), f = d.substring(e + 1)) {
+            case "ok":
+                c.success && c.success(b);
+                break;
+            case "cancel":
+                c.cancel && c.cancel(b);
+                break;
+            default:
+                c.fail && c.fail(b)
+        }
+        c.complete && c.complete(b)
+    }
+
+    function j(a, b) {
+        var d, e, f, g;
+        if (b) {
+            switch (d = b.indexOf(":"), a) {
+                case q.config:
+                    e = "config";
+                    break;
+                case q.openProductSpecificView:
+                    e = "openProductSpecificView";
+                    break;
+                default:
+                    e = b.substring(0, d), e = e.replace(/_/g, " "), e = e.replace(/\b\w+\b/g, function(a) {
+                        return a.substring(0, 1).toUpperCase() + a.substring(1)
+                    }), e = e.substring(0, 1).toLowerCase() + e.substring(1), e = e.replace(/ /g, ""), -1 != e.indexOf("Wcpay") && (e = e.replace("Wcpay", "WCPay")), f = r[e], f && (e = f)
+            }
+            g = b.substring(d + 1), "confirm" == g && (g = "ok"), -1 != g.indexOf("failed_") && (g = g.substring(7)), -1 != g.indexOf("fail_") && (g = g.substring(5)), g = g.replace(/_/g, " "), g = g.toLowerCase(), ("access denied" == g || "no permission to execute" == g) && (g = "permission denied"), "config" == e && "function not exist" == g && (g = "ok"), b = e + ":" + g
+        }
+        return b
+    }
+
+    function k(a) {
+        var b, c, d, e;
+        if (a) {
+            for (b = 0, c = a.length; c > b; ++b) d = a[b], e = q[d], e && (a[b] = e);
+            return a
+        }
+    }
+
+    function l(a, b) {
+        if (B.debug && !b.isInnerInvoke) {
+            var c = r[a];
+            c && (a = c), b && b._complete && delete b._complete, console.log('"' + a + '",', b || "")
+        }
+    }
+
+    function m() {
+        if (!("6.0.2" > y)) {
+            var b = new Image;
+            A.appId = B.appId, A.initTime = z.initEndTime - z.initStartTime, A.preVerifyTime = z.preVerifyEndTime - z.preVerifyStartTime, E.getNetworkType({
+                isInnerInvoke: !0,
+                success: function(a) {
+                    A.networkType = a.networkType;
+                    var c = "https://open.weixin.qq.com/sdk/report?v=" + A.version + "&o=" + A.isPreVerifyOk + "&s=" + A.systemType + "&c=" + A.clientVersion + "&a=" + A.appId + "&n=" + A.networkType + "&i=" + A.initTime + "&p=" + A.preVerifyTime + "&u=" + A.url;
+                    b.src = c
+                }
+            })
+        }
+    }
+
+    function n() {
+        return (new Date).getTime()
+    }
+
+    function o(b) {
+        v && (a.WeixinJSBridge ? b() : s.addEventListener && s.addEventListener("WeixinJSBridgeReady", b, !1))
+    }
+
+    function p() {
+        E.invoke || (E.invoke = function(b, c, d) {
+            a.WeixinJSBridge && WeixinJSBridge.invoke(b, e(c), d)
+        }, E.on = function(b, c) {
+            a.WeixinJSBridge && WeixinJSBridge.on(b, c)
+        })
+    }
+    var q, r, s, t, u, v, w, x, y, z, A, B, C, D, E;
+    if (!a.jWeixin) return q = {
+        config: "preVerifyJSAPI",
+        onMenuShareTimeline: "menu:share:timeline",
+        onMenuShareAppMessage: "menu:share:appmessage",
+        onMenuShareQQ: "menu:share:qq",
+        onMenuShareWeibo: "menu:share:weiboApp",
+        previewImage: "imagePreview",
+        getLocation: "geoLocation",
+        openProductSpecificView: "openProductViewWithPid",
+        addCard: "batchAddCard",
+        openCard: "batchViewCard",
+        chooseWXPay: "getBrandWCPayRequest"
+    }, r = function() {
+        var b, a = {};
+        for (b in q) a[q[b]] = b;
+        return a
+    }(), s = a.document, t = s.title, u = navigator.userAgent.toLowerCase(), v = -1 != u.indexOf("micromessenger"), w = -1 != u.indexOf("android"), x = -1 != u.indexOf("iphone") || -1 != u.indexOf("ipad"), y = function() {
+        var a = u.match(/micromessenger\/(\d+\.\d+\.\d+)/) || u.match(/micromessenger\/(\d+\.\d+)/);
+        return a ? a[1] : ""
+    }(), z = {
+        initStartTime: n(),
+        initEndTime: 0,
+        preVerifyStartTime: 0,
+        preVerifyEndTime: 0
+    }, A = {
+        version: 1,
+        appId: "",
+        initTime: 0,
+        preVerifyTime: 0,
+        networkType: "",
+        isPreVerifyOk: 1,
+        systemType: x ? 1 : w ? 2 : -1,
+        clientVersion: y,
+        url: encodeURIComponent(location.href)
+    }, B = {}, C = {
+        _completes: []
+    }, D = {
+        state: 0,
+        res: {}
+    }, o(function() {
+        z.initEndTime = n()
+    }), E = {
+        config: function(a) {
+            B = a, l("config", a), o(function() {
+                c(q.config, {
+                    verifyJsApiList: k(B.jsApiList)
+                }, function() {
+                    C._complete = function(a) {
+                        z.preVerifyEndTime = n(), D.state = 1, D.res = a
+                    }, C.success = function() {
+                        A.isPreVerifyOk = 0
+                    }, C.fail = function(a) {
+                        C._fail ? C._fail(a) : D.state = -1
+                    };
+                    var a = C._completes;
+                    return a.push(function() {
+                        B.debug || m()
+                    }), C.complete = function(b) {
+                        for (var c = 0, d = a.length; d > c; ++c) a[c](b);
+                        C._completes = []
+                    }, C
+                }()), z.preVerifyStartTime = n()
+            }), B.beta && p()
+        },
+        ready: function(a) {
+            0 != D.state ? a() : (C._completes.push(a), !v && B.debug && a())
+        },
+        error: function(a) {
+            "6.0.2" > y || (-1 == D.state ? a(D.res) : C._fail = a)
+        },
+        checkJsApi: function(a) {
+            var b = function(a) {
+                var c, d, b = a.checkResult;
+                for (c in b) d = r[c], d && (b[d] = b[c], delete b[c]);
+                return a
+            };
+            c("checkJsApi", {
+                jsApiList: k(a.jsApiList)
+            }, function() {
+                return a._complete = function(a) {
+                    if (w) {
+                        var c = a.checkResult;
+                        c && (a.checkResult = JSON.parse(c))
+                    }
+                    a = b(a)
+                }, a
+            }())
+        },
+        onMenuShareTimeline: function(a) {
+            d(q.onMenuShareTimeline, {
+                complete: function() {
+                    c("shareTimeline", {
+                        title: a.title || t,
+                        desc: a.title || t,
+                        img_url: a.imgUrl,
+                        link: a.link || location.href
+                    }, a)
+                }
+            }, a)
+        },
+        onMenuShareAppMessage: function(a) {
+            d(q.onMenuShareAppMessage, {
+                complete: function() {
+                    c("sendAppMessage", {
+                        title: a.title || t,
+                        desc: a.desc || "",
+                        link: a.link || location.href,
+                        img_url: a.imgUrl,
+                        type: a.type || "link",
+                        data_url: a.dataUrl || ""
+                    }, a)
+                }
+            }, a)
+        },
+        onMenuShareQQ: function(a) {
+            d(q.onMenuShareQQ, {
+                complete: function() {
+                    c("shareQQ", {
+                        title: a.title || t,
+                        desc: a.desc || "",
+                        img_url: a.imgUrl,
+                        link: a.link || location.href
+                    }, a)
+                }
+            }, a)
+        },
+        onMenuShareWeibo: function(a) {
+            d(q.onMenuShareWeibo, {
+                complete: function() {
+                    c("shareWeiboApp", {
+                        title: a.title || t,
+                        desc: a.desc || "",
+                        img_url: a.imgUrl,
+                        link: a.link || location.href
+                    }, a)
+                }
+            }, a)
+        },
+        startRecord: function(a) {
+            c("startRecord", {}, a)
+        },
+        stopRecord: function(a) {
+            c("stopRecord", {}, a)
+        },
+        onVoiceRecordEnd: function(a) {
+            d("onVoiceRecordEnd", a)
+        },
+        playVoice: function(a) {
+            c("playVoice", {
+                localId: a.localId
+            }, a)
+        },
+        pauseVoice: function(a) {
+            c("pauseVoice", {
+                localId: a.localId
+            }, a)
+        },
+        stopVoice: function(a) {
+            c("stopVoice", {
+                localId: a.localId
+            }, a)
+        },
+        onVoicePlayEnd: function(a) {
+            d("onVoicePlayEnd", a)
+        },
+        uploadVoice: function(a) {
+            c("uploadVoice", {
+                localId: a.localId,
+                isShowProgressTips: a.isShowProgressTips || 1
+            }, a)
+        },
+        downloadVoice: function(a) {
+            c("downloadVoice", {
+                serverId: a.serverId,
+                isShowProgressTips: a.isShowProgressTips || 1
+            }, a)
+        },
+        translateVoice: function(a) {
+            c("translateVoice", {
+                localId: a.localId,
+                isShowProgressTips: a.isShowProgressTips || 1
+            }, a)
+        },
+        chooseImage: function(a) {
+            c("chooseImage", {
+                scene: "1|2"
+            }, function() {
+                return a._complete = function(a) {
+                    if (w) {
+                        var b = a.localIds;
+                        b && (a.localIds = JSON.parse(b))
+                    }
+                }, a
+            }())
+        },
+        previewImage: function(a) {
+            c(q.previewImage, {
+                current: a.current,
+                urls: a.urls
+            }, a)
+        },
+        uploadImage: function(a) {
+            c("uploadImage", {
+                localId: a.localId,
+                isShowProgressTips: a.isShowProgressTips || 1
+            }, a)
+        },
+        downloadImage: function(a) {
+            c("downloadImage", {
+                serverId: a.serverId,
+                isShowProgressTips: a.isShowProgressTips || 1
+            }, a)
+        },
+        getNetworkType: function(a) {
+            var b = function(a) {
+                var c, d, e, b = a.errMsg;
+                if (a.errMsg = "getNetworkType:ok", c = a.subtype, delete a.subtype, c) a.networkType = c;
+                else switch (d = b.indexOf(":"), e = b.substring(d + 1)) {
+                    case "fail":
+                    case "permission denied":
+                    case "localparameters":
+                        a.errMsg = "getNetworkType:fail";
+                        break;
+                    default:
+                        a.networkType = e
+                }
+                return a
+            };
+            c("getNetworkType", {}, function() {
+                return a._complete = function(a) {
+                    a = b(a)
+                }, a
+            }())
+        },
+        openLocation: function(a) {
+            c("openLocation", {
+                latitude: a.latitude,
+                longitude: a.longitude,
+                name: a.name || "",
+                address: a.address || "",
+                scale: a.scale || 28,
+                infoUrl: a.infoUrl || ""
+            }, a)
+        },
+        getLocation: function(a) {
+            c(q.getLocation, f(a, "jsapi_location"), a)
+        },
+        hideOptionMenu: function(a) {
+            c("hideOptionMenu", {}, a)
+        },
+        showOptionMenu: function(a) {
+            c("showOptionMenu", {}, a)
+        },
+        closeWindow: function(a) {
+            c("closeWindow", {
+                immediate_close: a && a.immediateClose || 0
+            }, a)
+        },
+        hideMenuItems: function(a) {
+            c("hideMenuItems", {
+                menuList: a.menuList
+            }, a)
+        },
+        showMenuItems: function(a) {
+            c("showMenuItems", {
+                menuList: a.menuList
+            }, a)
+        },
+        hideAllNonBaseMenuItem: function(a) {
+            c("hideAllNonBaseMenuItem", {}, a)
+        },
+        showAllNonBaseMenuItem: function(a) {
+            c("showAllNonBaseMenuItem", {}, a)
+        },
+        scanQRCode: function(a) {
+            c("scanQRCode", {
+                desc: a.desc,
+                needResult: a.needResult || 0,
+                scanType: a.scanType || ["qrCode", "barCode"]
+            }, a)
+        },
+        openProductSpecificView: function(a) {
+            c(q.openProductSpecificView, {
+                pid: a.productId,
+                view_type: a.viewType || 0
+            }, a)
+        },
+        addCard: function(a) {
+            var e, f, g, h, b = a.cardList,
+                d = [];
+            for (e = 0, f = b.length; f > e; ++e) g = b[e], h = {
+                card_id: g.cardId,
+                card_ext: g.cardExt
+            }, d.push(h);
+            c(q.addCard, {
+                card_list: d
+            }, function() {
+                return a._complete = function(a) {
+                    var c, d, e, b = a.card_list;
+                    if (b) {
+                        for (b = JSON.parse(b), c = 0, d = b.length; d > c; ++c) e = b[c], e.cardId = e.card_id, e.cardExt = e.card_ext, e.isSuccess = e.is_succ ? !0 : !1, delete e.card_id, delete e.card_ext, delete e.is_succ;
+                        a.cardList = b, delete a.card_list
+                    }
+                }, a
+            }())
+        },
+        chooseCard: function(a) {
+            c("chooseCard", {
+                app_id: B.appId,
+                location_id: a.shopId || "",
+                sign_type: "SHA1",
+                card_id: a.cardId || "",
+                card_type: a.cardType || "",
+                card_sign: a.cardSign,
+                time_stamp: a.timestamp + "",
+                nonce_str: a.nonceStr
+            }, function() {
+                return a._complete = function(a) {
+                    a.cardList = a.choose_card_info, delete a.choose_card_info
+                }, a
+            }())
+        },
+        openCard: function(a) {
+            var e, f, g, h, b = a.cardList,
+                d = [];
+            for (e = 0, f = b.length; f > e; ++e) g = b[e], h = {
+                card_id: g.cardId,
+                code: g.code
+            }, d.push(h);
+            c(q.openCard, {
+                card_list: d
+            }, a)
+        },
+        chooseWXPay: function(a) {
+            c(q.chooseWXPay, g(a), a)
+        }
+    }, b && (a.wx = a.jWeixin = E), E
+});

components/richText.js

@@ -0,0 +1,75 @@
+/*
+graceUI rich-text 加强工具
+link : graceui.hcoder.net
+author : 5213606@qq.com 深海
+
+*/
+
+// 正则变量
+var graceRichTextReg;
+
+// 批量替换的样式 [ 根据项目需求自行设置 ]
+var GRT = [
+	// div 样式
+	['div', "line-height:2em;"],
+	// h1 样式
+	['h1', "font-size:3em; line-height:1.5em;"],
+	// h2 样式
+	['h2', "font-size:2em; line-height:1.8em;"],
+	// h3 样式
+	['h3', "font-size:1.6em; line-height:2em;"],
+	// h4 样式
+	['h4', "font-size:1.2em; line-height:2em;"],
+	// h5 样式
+	['h5', "font-size:1em; line-height:2em;"],
+	// h6 样式
+	['h6', "font-size:0.9em; line-height:2em;"],
+	// p 样式
+	['p', "font-size:1em; line-height:2em;"],
+	// b 样式
+	['b', "font-size:1em; line-height:2em;"],
+	// strong 样式
+	['strong', "font-size:1em; line-height:2em;"],
+	// code 样式
+	['code', "font-size:1em; line-height:1.2em; background:#F6F7F8; padding:8px 2%; width:96%;"],
+	// img 样式
+	// ['img', "width:100%; margin:8px 0; max-height:1000rem"],
+	['img', "width:100%; height:100%; margin:0px 0px;display:block" ],
+	// blockquote
+	['blockquote', "font-size:1em; border-left:3px solid #D1D1D1; line-height:2em; border-radius:5px; background:#F6F7F8; padding:8px 2%;"],
+	// li 样式
+	['ul', "padding:5px 0; list-style:none; padding:0; margin:0;"],
+	['li', "line-height:1.5em; padding:5px 0; list-style:none; padding:0; margin:0; margin-top:10px;"],
+	// table
+	['table', "width:100%; border-left:1px solid #F2F3F4; border-top:1px solid #F2F3F4;"],
+	['th', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4;"],
+	['td', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4; padding-left:5px;"]
+];
+
+
+module.exports = {
+	format : function(html){
+		html = html.replace(/<pre.*pre>?/gis, function(word){
+			word =  word.replace(/[\n]/gi,'<br />');
+			word =  word.replace(/    /gi,'<span style="padding-left:2em;"></span>');
+			return word.replace(/[\t]/gi, '<span style="padding-left:2em;"></span>');
+		});
+		html = html.replace(/<pre/gi, '<p style="font-size:1em; margin:12px 0; line-height:1.2em; background:#F6F7F8; border-radius:5px; padding:8px 4%; width:92%;"');
+		html = html.replace(/<\/pre/gi,"</p");
+		for(let i = 0; i < GRT.length; i++){
+			graceRichTextReg = new RegExp('<'+GRT[i][0]+'>|<'+GRT[i][0]+' (.*?)>', 'gi');
+			html = html.replace(graceRichTextReg , function(word){
+				// 分析 dom 上是否带有 style=""
+				if(word.indexOf('style=') != -1){
+					var regIn = new RegExp('<' + GRT[i][0] + '(.*?)style="(.*?)"(.*?)(/?)>', 'gi');
+					return word.replace(regIn, '<'+ GRT[i][0] +'$1style="$2 ' + GRT[i][1] +'"$3$4>');
+				}else{
+					var regIn = new RegExp('<' + GRT[i][0] + '(.*?)(/?)>', 'gi');
+					return word.replace(regIn, '<'+ GRT[i][0] +'$1 style="' + GRT[i][1] +'$2">');
+				}
+			});
+		}
+		return html;
+	}
+	
+}

components/share2.js

@@ -0,0 +1,48 @@
+// var app = getApp();
+// var network = require('./network.js')
+
+function share(Thepath, title, imageUrl, type) {
+	var _this = this;
+	var params = new Object()
+	params.id = uni.getStorageSync('uid')
+	//发起请求
+	uni.request({
+		url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.share',
+		data: params,
+		method: 'GET',
+		header: {
+			'content-type': 'application/json' // 默认值
+		},
+		success(res) {
+			console.log(777777,res)
+			// _this.imageUrl=res.data.data.pic
+		}
+	})
+	//  获取群信息和id
+	wx.showShareMenu({
+		withShareTicket: true
+	})
+	var scene = '&scene=' + uni.getStorageSync('uid');
+	var datas = {
+		// id: uni.getStorageSync('uid'),
+		path: Thepath,
+		title: title,
+		imageUrl:imageUrl,
+		type:type
+	}
+
+	// if (imageUrl) {
+	// 	datas['imageUrl'] = imageUrl;
+	// 	datas['title'] = title;
+	// 	datas['id'] = newsid;
+	// 	datas['type'] = type;
+
+	// }
+	console.log(9999, datas)
+	// uni.setStorageSync('share_data', data);
+	return datas;
+}
+
+module.exports = {
+	share: share,
+}

components/shares.js

@@ -0,0 +1,42 @@
+// var app = getApp();
+// var network = require('./network.js')
+
+function share(newsname, Thepath, newsid, typevalue, nthis, imageUrl, title) {
+	var _this = this;
+	var params = new Object()
+	params.id = newsid
+	//发起请求
+	uni.request({
+		url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.share',
+		data: params,
+		method: 'GET',
+		header: {
+			'content-type': 'application/json' // 默认值
+		},
+		success(res) {}
+	})
+	//  获取群信息和id
+	wx.showShareMenu({
+		withShareTicket: true
+	})
+	var scene = '&scene=' + newsid;
+	var data = {
+		// id: uni.getStorageSync('uid'),
+		title: typevalue,
+		id: newsid,
+		path: Thepath + newsid
+	}
+
+	if (imageUrl) {
+		data['imageUrl'] = imageUrl;
+		data['title'] = title;
+		data['id'] = newsid;
+	}
+	console.log(9999, data)
+	// uni.setStorageSync('share_data', data);
+	return data;
+}
+
+module.exports = {
+	share: share,
+}

main.js

@@ -0,0 +1,37 @@
+import Vue from 'vue'
+import App from './App'
+
+Vue.config.productionTip = false
+
+// l=api.share
+
+
+// l=api.share
+
+
+
+
+
+
+
+//#ifdef MP-WEIXIN	
+Vue.prototype.host = 'https://trade.5dev.cn/dudaowenlv/content/?'
+//#endif
+
+
+//#ifdef H5	
+Vue.prototype.host = 'https://www.dudaowenlv.com/dudaowenlv/content/?';
+	// import weixin from '@/components/h5Shsre/weixin.js';
+	// import Dever_Share from '@/components/h5Shsre/share.js';
+
+//#endif
+
+
+
+
+App.mpType = 'app'
+
+const app = new Vue({
+    ...App
+})
+app.$mount()

manifest.json

@@ -0,0 +1,103 @@
+{
+    "name" : "Dudao",
+    "appid" : "__UNI__5AAD1F2",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    "app-plus" : {
+        /* 5+App特有相关 */// "usingComponents" : true,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        "modules" : {
+            "Share" : {}
+        },
+        /* 模块配置 */
+        "distribute" : {
+            /* 应用发布信息 */
+            "android" : {
+                /* android打包配置 */
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            "ios" : {},
+            /* ios打包配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* SDK配置 */
+    "quickapp" : {},
+    /* 快应用特有相关 */
+    "mp-weixin" : {
+        "appid" : "wx66ce59a1b7fdf3f5",
+        "setting" : {
+            "urlCheck" : true,
+            "es6" : true,
+            "postcss" : true,
+            "minified" : true
+        },
+        "usingComponents" : true,
+        "permission" : {
+            "scope.userLocation" : {
+                "desc" : "你的位置信息将用于小程序位置接口的效果展示"
+            }
+        }
+    },
+    "h5" : {
+        "title" : "读道文旅",
+        "optimization" : {
+            "treeShaking" : {
+                "enable" : true
+            }
+        },
+        "devServer" : {
+            "port" : 8000,
+            "disableHostCheck" : true,
+            "proxy" : {
+                "/dpc" : {
+                    "target" : "http://www.dudaowenlv.com/",
+                    "changeOrigin" : true,
+                    "secure" : false,
+                    "pathRewrite" : {
+                        "^/api" : ""
+                    }
+                }
+            },
+            "https" : true
+        },
+        "domain" : "http://192.168.0.130",
+        "router" : {
+            "mode" : "hash",
+            "base" : ""
+        },
+        "sdkConfigs" : {
+            "maps" : {}
+        }
+    }
+}

node_modules/jweixin-module/README.md

@@ -0,0 +1,30 @@
+# jweixin-module
+
+微信JS-SDK
+
+## 安装
+
+### NPM
+
+```shell
+npm install jweixin-module --save
+```
+
+### UMD
+
+```http
+https://unpkg.com/jweixin-module/out/index.js
+```
+
+## 使用
+
+```js
+var jweixin = require('jweixin-module')
+jweixin.ready(function(){
+    // TODO
+});
+```
+
+## 完整API
+
+>[微信JS-SDK说明文档](https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115)

node_modules/jweixin-module/package.json

@@ -0,0 +1,54 @@
+{
+  "_from": "jweixin-module",
+  "_id": "jweixin-module@1.6.0",
+  "_inBundle": false,
+  "_integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w==",
+  "_location": "/jweixin-module",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "tag",
+    "registry": true,
+    "raw": "jweixin-module",
+    "name": "jweixin-module",
+    "escapedName": "jweixin-module",
+    "rawSpec": "",
+    "saveSpec": null,
+    "fetchSpec": "latest"
+  },
+  "_requiredBy": [
+    "#USER",
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/jweixin-module/-/jweixin-module-1.6.0.tgz",
+  "_shasum": "4a7ea614083e3c9c3f49e2fdc2bb882cfa58dfcd",
+  "_spec": "jweixin-module",
+  "_where": "D:\\web项目\\uniAPP\\HBuilderProjects\\Cm\\Dudao",
+  "author": {
+    "name": "Shengqiang Guo"
+  },
+  "bugs": {
+    "url": "https://github.com/zhetengbiji/jweixin-module/issues"
+  },
+  "bundleDependencies": false,
+  "deprecated": false,
+  "description": "微信JS-SDK",
+  "devDependencies": {},
+  "homepage": "https://github.com/zhetengbiji/jweixin-module#readme",
+  "keywords": [
+    "wxjssdk",
+    "weixin",
+    "jweixin",
+    "wechat",
+    "jssdk",
+    "wx"
+  ],
+  "license": "ISC",
+  "main": "lib/index.js",
+  "name": "jweixin-module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zhetengbiji/jweixin-module.git"
+  },
+  "scripts": {},
+  "version": "1.6.0"
+}

package-lock.json

@@ -0,0 +1,11 @@
+{
+  "requires": true,
+  "lockfileVersion": 1,
+  "dependencies": {
+    "jweixin-module": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/jweixin-module/-/jweixin-module-1.6.0.tgz",
+      "integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w=="
+    }
+  }
+}

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

@@ -0,0 +1,1275 @@
+<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> -->

pages/content/List-link/List-link.vue

@@ -0,0 +1,31 @@
+<template>
+	<view>
+		<web-view :src="paths"></web-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				paths:''
+			}
+		},
+		onLoad(e) {
+			console.log(1111111,e)
+			
+			
+			// uni.setNavigationBarTitle({
+			// 	title:e.name
+			// })
+			this.paths=e.link;
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/content/List/List.vue

@@ -0,0 +1,1690 @@
+<template>
+	<view class="bg">
+		<!-- 轮播 -->
+		<view class="swipercontent ">
+			<swiper class="swiper-box" style='height:474upx;' autoplay="true" circular="true" current="{swiperCurrent}"
+				@change="swiperChange($event)" :data-current="swiperCurrent">
+				<!-- <block > -->
+				<swiper-item v-for="(item, index) in pic" :key="index">
+					<view class='swiper-img'>
+						<image :src="item" class="slide-image" />
+					</view>
+				</swiper-item>
+			</swiper>
+			<view class="dots">
+				<block v-for="(item, index) in pic" :key="index">
+					<view class="dot" :class="index == swiperCurrent ? ' active' : ''"></view>
+				</block>
+			</view>
+		</view>
+
+		<!--内容区域  -->
+		<view class="content">
+
+			<view class="cont-title">
+				<!-- 		<view class="dtitle">
+					<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+					<view class="title">
+						乡村振兴六脉神剑
+					</view>
+					<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+				</view>
+				<view class="
+				* ftitle">
+					乡村振兴服务(Rural Revitalization Services）
+				</view> -->
+				<!-- <image :src="top" mode="widthFix"></image> -->
+				<view class="types">
+					<image class="typePic" :src="top" mode="widthFix"></image>
+				</view>
+			</view>
+
+			<!-- lieviao -->
+			<view class="">
+				<view class="cont-title h">
+					<view class="dtitle">
+						<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+						<view class="title">
+							{{cate.cate_name}}
+						</view>
+						<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+					</view>
+					<view class="ftitle">
+						{{cate.sub_cate}}
+					</view>
+
+					<view class='listening'>
+						<view class="list">
+							<block v-for="(item, index) in listCase" :key="index">
+								<view class="listcent" @tap="listDl($event)" :data-id="item.id">
+									<image class="listPic" :src="item.pic" mode=""></image>
+									<view class="biaot">
+										<view class="bt">{{item.name}}</view>
+										<view class="xianq">
+											<view class="text">点击查看详情</view>
+											<image class="jt" src="../../../static/images/jt.png" mode=""></image>
+										</view>
+									</view>
+								</view>
+							</block>
+						</view>
+					</view>
+				</view>
+
+			</view>
+			<!-- 分类 -->
+			<view class="">
+				<view class="cont-title h">
+					<view class="dtitle">
+						<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+						<view class="title">
+							公司其它六大业务
+						</view>
+						<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+					</view>
+					<view class="ftitle">
+						Company's Other Six Major Businesses
+					</view>
+					<!--五大业务  -->
+					<view class="businesss">
+						<view class="bus-content" v-for="(item, index) in business" :key="index">
+
+							<view class="listness" v-if="index %2==0" @tap="cateList($event)" :data-id="item.id">
+								<view class="bus-left">
+									<view class="bus-conts1">
+										<view class="bus-titles1">
+											{{item.name}}
+										</view>
+										<view class="bustag">
+											<view class="bustext" v-for="(items, index) in item.tag" :key="index">
+												<view class="buslxian">|</view>
+												<view class="bust">{{items}}</view>
+											</view>
+										</view>
+										<view class="anniu">
+											了解详情
+										</view>
+									</view>
+								</view>
+								<view class="bus-right">
+									<image class="busPic" :src="item.cover" mode=""></image>
+								</view>
+							</view>
+
+							<view class="listness" v-else-if="index %2==1" @tap="cateList($event)" :data-id="item.id">
+								<view class="bus-right left">
+									<image class="busPic" :src="item.cover" mode=""></image>
+								</view>
+								<view class="bus-left right">
+									<view class="bus-conts1">
+										<view class="bus-titles1">
+											{{item.name}}
+										</view>
+										<view class="bustag">
+											<view class="bustext" v-for="(items, index) in item.tag" :key="index">
+												<view class="buslxian">|</view>
+												<view class="bust">{{items}}</view>
+											</view>
+										</view>
+										<view class="anniu">
+											了解详情
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+
+					</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>
+
+
+
+		<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 cate.tag" :key="index">{{item}}</text>
+						</view>
+					</view>
+
+					<view class="code">
+						<image class="codePic" :src="cate.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="cate.tel_pic" mode=""></image>
+							<view class="cont">
+								
+								
+								<view class="bus-cont">
+								<view class="title1">{{cate.list_name[0]}}</view>
+								
+								<view class="tel">
+									<text class="tel-num">{{cate.tel_name}}：</text>
+									<text class="tel-txt">{{cate.phone}}</text>
+								</view>
+								
+								<view class="bus-desc">{{config.but_flag}}</view>
+								</view>
+			
+							</view>
+						</view>
+						<view class="bustag1" >
+							
+							<view class="bustext1" v-for="(item, index) in tag" :key="index">
+								<view class="buslxian1">|</view>
+								<view class="bust1">{{item}}</view>
+							</view>
+						</view>
+					</view>
+					<view class="rights1" @tap="tel">
+			            <image class="ri-tel" src="../../../static/images/phone.gif" mode=""></image>  
+					</view>
+			
+				</view> -->
+
+				<view class="businesscard">
+
+
+					<image class="pic" :src="cate.tel_pic" mode=""></image>
+					<view class="cont">
+
+						<view class="bus-cont">
+							<view class="title1">{{cate.list_name[0]}} <text></text> </view>
+
+							<view class="tel">
+								<label class="tel-num">{{cate.tel_name}}:</label>
+								<label class="tel-txt">{{cate.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>
+
+
+	</view>
+</template>
+
+<script>
+	import share from '../../../components/share2.js'
+
+	export default {
+		data() {
+			return {
+				swiperCurrent: 0,
+				pic: [],
+				top: '',
+				tabnum: 4,
+				currentTab: 0, //预设当前项的值
+				scrollLeft: 0, //tab标题的滚动条位置
+				scrollTop: 0,
+				account: [],
+				phine: '',
+				cate: [],
+				listCase: [],
+				cateid: '',
+				business: [],
+				case: [],
+				type: '2',
+				shares: '',
+				config: '',
+				poster: '',
+				wechat: ''
+			}
+		},
+		onLoad(e) {
+
+			var that = this;
+			console.log(222, e.cateid)
+			that.cateid = e.cateid
+			// return
+			this.swiperChange = function(event) {
+				this.swiperCurrent = event.detail.current;
+			}
+			//#ifdef H5
+
+			this.inso1()
+			this.insow()
+			this.inso()
+			// console.log(33338333,Dever_Share())
+
+			//#endif
+			this.getap()
+			this.share()
+			this.con_list()
+
+
+			wx.loadFontFace({
+				family: 'MFJinHei',
+				source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/MFJinHei_Noncommercial-Regular1.ttf")',
+				success: console.log
+			})
+		},
+		// onShareAppMessage(e) {
+		// 	var that = this;
+		// 	var pic = this.pic[0];
+		// 	console.log(11189, pic)
+		// 	// return share.share(this.typename, '/pages/taBbar/home/home?path=https://trade.5dev.cn/cmmc/dist/#/my?type=' + this.applet +'&id=',this.id, this.typename, that,
+		// 	// 			  2,this.typename,
+		// 	// 			);
+		// 	// return share.share(this.name, '/pages/content/share/share?id='+ uni.getStorageSync('uid')+'&path=/pages/content/share/share?type=' + this.applet +'&id=',uni.getStorageSync('uid'),  this.name, that,
+		// 	// return share.share(this.name, '/pages/content/share/share?type=' + this.applet +'&id=',uni.getStorageSync('uid'), this.name, that,
+
+		// 	return share.share(this.shares.cate_name, '/pages/taBbar/Home/Home?id=' + this.cate.id + '&type=' + this.type +
+		// 		'&path=/pages/content/List/List?id=', this.cate.id, this.shares.cate_name, that,
+		// 		that.shares.cate_pic, this.shares.cate_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.cate.id + '&type=' + this.type +
+				'&path=/pages/content/List/List?id=' + this.cate.id,
+				this.shares.cate_name, that.shares.cate_pic, 9)
+		},
+
+
+
+
+		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.shares = res.data.data
+
+					}
+				})
+			},
+			share() {
+				var that = this;
+				var params = new Object()
+				// params.signature = uni.getStorageSync('signature')
+				// uni.showLoading({
+				// 	title: '加载中'
+				// });
+				params.cate_id = that.cateid
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/',
+					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)
+					}
+				})
+			},
+			tel() {
+				var that = this;
+				uni.makePhoneCall({
+					phoneNumber: that.phine
+				});
+			},
+			cateList(event) {
+				console.log(2222, event.currentTarget.dataset.id)
+				var cid = event.currentTarget.dataset.id
+				uni.redirectTo({
+					url: '/pages/content/List/List?cateid=' + cid
+				})
+			},
+			listDl(event) {
+				console.log(2222, event.currentTarget.dataset.id)
+				var cid = event.currentTarget.dataset.id
+				uni.navigateTo({
+					url: '/pages/content/List-dl/List-dl?id=' + cid
+				})
+			},
+			getap() {
+				var that = this;
+				var params = new Object()
+				params.id = that.cateid
+				uni.showLoading({
+					title: '加载中'
+				});
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.lists',
+					url: this.host + 'l=api.lists',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+
+						uni.setNavigationBarTitle({
+							title: res.data.data.cate.title
+						})
+
+						console.log(2222, res.data.data.cate)
+						that.pic = res.data.data.cate.pic.split(",");
+						that.business = res.data.data.business;
+						that.listCase = res.data.data.case;
+						that.config = res.data.data.config
+						var mob = res.data.data.cate.phone;
+						that.phine = mob.replace(/(\d{3})(\d{4})/, "$1  $2  ");
+						that.cate = res.data.data.cate;
+						that.top = res.data.data.cate.top;
+						that.account = res.data.data.cate.list_name;
+						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.config.h5_share_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
+
+
+						// 						console.log(11118, m)
+					}
+				})
+			},
+			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>
+	/* 			@font-face {
+		font-family: Snickles;
+		src: url('https://trade.5dev.cn/cmmc/main/assets/mobile/css/mfjin.TTF');
+		font-weight: normal;
+		font-style: normal;
+	} */
+	.bg {
+		background: #f7f7f7;
+	}
+
+	/* 轮播自定义样式 */
+	.swipercontent {
+		position: relative;
+	}
+
+	.swiper-box {
+		background: #fff;
+	}
+
+	.slide-image {
+		width: 100%;
+		height: 454upx;
+		display: block;
+	}
+
+	.swiper-box .uni-swiper-dots {
+		position: absolute;
+		margin: 0 auto !important;
+		top: 316upx;
+	}
+
+	.swiper-box .uni-swiper-dot {
+		width: 19upx;
+		display: inline-flex;
+		height: 7upx;
+		margin-right: 20upx;
+		justify-content: space-between;
+	}
+
+	.swiper-box .uni-swiper-dot::before {
+		content: '';
+		flex-grow: 1;
+		background: #e0e0e0;
+	}
+
+	.swiper-box .uni-swiper-dot-active::before {
+		background: #2f2f2f;
+		border-radius: 4upx;
+	}
+
+	.swipercontent {
+		position: relative;
+	}
+
+	.dots {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0upx;
+		display: flex;
+		justify-content: center;
+	}
+
+	.dot {
+		margin: 0 8upx;
+		width: 21upx;
+		height: 9upx;
+		background: #333;
+		border-radius: 16upx;
+	}
+
+	.dot.active {
+		width: 21upx;
+		background: #dfdfdf;
+	}
+
+	/* 结束 */
+	/* 内容 */
+	.cont-title {
+		background: #FFFFFF;
+	}
+
+	.h {
+		margin-top: 20upx;
+	}
+
+	.dtitle {
+		overflow: hidden;
+		_zoom: 1;
+		display: flex;
+		justify-content: center;
+		margin: 0 auto;
+		padding-top: 47upx;
+		/* width: 300upx; */
+	}
+
+	.title {
+		font-size: 42upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: bold;
+		color: rgba(34, 34, 34, 1);
+		padding: 0 24upx;
+		float: left;
+	}
+
+	.limg {
+		float: left;
+		width: 35upx;
+		height: 15upx;
+		display: block;
+		margin-top: 22upx;
+	}
+
+	.ftitle {
+		margin-top: 8upx;
+		font-size: 28upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(51, 51, 51, 1);
+		text-align: center;
+	}
+
+	.types {
+		margin: 0 9upx;
+		padding: 0upx 0 0upx 0;
+	}
+
+	.typePic {
+		width: 100%;
+	}
+
+	/* tab切换列表 */
+	/* 列表 */
+	.listening {
+		background: #FFFFFF;
+	}
+
+	.list {
+		margin: 0 10upx;
+		padding-top: 56upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding-bottom: 41upx;
+	}
+
+	.listcent {
+		margin-left: 23upx;
+		float: left;
+		width: 333upx;
+		background: rgba(255, 255, 255, 1);
+		box-shadow: 0upx 4upx 8upx 0upx rgba(201, 201, 201, 0.75);
+		border-radius: 10upx;
+		height: 348upx;
+		margin-bottom: 21upx;
+	}
+
+	.listPic {
+		display: block;
+		width: 333upx;
+		height: 230upx;
+		border-radius: 10upx 10upx 0px 0px;
+	}
+
+	/*  */
+	.biaot {
+		background: #fff;
+		text-align: center;
+	}
+
+	.bt {
+		font-size: 26upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: rgba(51, 51, 51, 1);
+		padding: 20upx 12upx 18upx 12upx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.xianq {
+		overflow: hidden;
+		_zoom: 1;
+		margin: 0 81upx;
+	}
+
+	.text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(102, 102, 102, 1);
+		float: left;
+	}
+
+	.jt {
+		width: 14upx;
+		height: 16upx;
+		float: right;
+		display: block;
+		margin-top: 11upx;
+	}
+
+	.footer-cont {
+		padding: 67upx 80upx 46upx 80upx;
+		background: #DD4243;
+	}
+
+	.tag {
+		overflow: hidden;
+		_zoom: 1;
+	}
+
+	.tag-title {
+		font-size: 26upx;
+		font-family: SourceHanSansCN-Medium;
+		font-weight: 500;
+		color: rgba(255, 255, 255, 1);
+		text-align: center;
+	}
+
+	.labels {
+		overflow: hidden;
+		_zoom: 1;
+		float: left;
+	}
+
+	.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;
+	}
+
+	.tjt {
+		width: 39upx;
+		height: 28upx;
+		display: block;
+		float: left;
+		margin-left: 12upx;
+		margin-top: 12upx;
+
+	}
+
+	.logocont {
+		overflow: hidden;
+		_zoom: 1;
+		/* margin-top: 42upx; */
+	}
+
+	/* 	.logo {
+		width: 353upx;
+		height: 195upx;
+		float: left;
+	} */
+
+	.code {
+		float: right;
+	}
+
+	.codePic {
+		width: 182upx;
+		height: 182upx;
+
+	}
+
+	.codetext {
+		text-align: center;
+		font-size: 16upx;
+		font-family: SourceHanSansCN-Bold;
+		font-weight: bold;
+		color: rgba(255, 255, 255, 1);
+	}
+
+	/* 业务 */
+	.businesss {
+		margin: 54upx 0 80upx 0;
+	}
+
+	.bus-content {}
+
+	.bus-content:last-child .listness {
+		padding-bottom: 0upx;
+	}
+
+	.listness {
+		padding: 0 32upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding-bottom: 15upx;
+	}
+
+	.listness:last-child {
+		margin-bottom: 0upx;
+	}
+
+	.bus-left {
+		width: 334upx;
+		height: 245upx;
+		background: rgba(221, 66, 67, 1);
+		float: left;
+	}
+
+	.bus-conts1 {
+		margin: 0 16upx 0 28upx;
+	}
+
+	.bus-right {
+		width: 334upx;
+		height: 245upx;
+		float: right;
+	}
+
+	.busPic {
+		width: 334upx;
+		height: 245upx;
+	}
+
+	.bus-titles1 {
+		font-size: 44upx;
+		font-family: PingFang-SC-Bold;
+		font-weight: bold;
+		color: rgba(255, 255, 255, 1);
+		margin-top: 44upx;
+		margin-bottom: 25upx;
+	}
+
+	.bustag {
+		overflow: hidden;
+		_zoom: 1;
+	}
+
+	.bustext {
+		overflow: hidden;
+		_zoom: 1;
+		float: left;
+
+	}
+
+	.buslxian {
+		float: left;
+		font-size: 20upx;
+		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: 20upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(255, 255, 255, 1);
+	}
+
+	.anniu {
+		margin-top: 30upx;
+		width: 94upx;
+		height: 34upx;
+		border: 1px solid rgba(255, 255, 255, 1);
+		border-radius: 2upx;
+		line-height: 34upx;
+		text-align: center;
+		font-size: 20upx;
+		font-family: MicrosoftYaHei;
+		font-weight: 400;
+		color: rgba(255, 255, 255, 1);
+	}
+
+	.left {
+		float: left;
+	}
+
+	.right {
+		float: right;
+	}
+
+	/* 		.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;
+		}
+	}
+
+
+
+
+
+
+
+
+
+
+	.footer-cont {
+		padding: 72upx 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{
+			 text-align:justify;
+			 text-align-last:justify;
+			
+		}
+		.btn-title{
+			font-size:58upx;
+			font-family:Source Han Sans CN;
+			font-weight:800;
+			color:rgba(220,66,66,1);
+			line-height:58upx;
+			text-align: center;
+			margin-bottom: 14rpx;
+		}
+	.btn-title-sz{
+			color: #DC4242;
+		}
+		.btn-title-sz1{
+				color: #211717;
+			}
+			.btn-fdesc{
+				font-size:32upx;
+				font-family:Source Han Sans CN;
+				font-weight:400;
+				color:rgba(51,51,51,1);
+				line-height:32upx;
+				text-align: center;
+				margin-bottom: 24rpx;
+			} */
+
+	.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;
+		/* padding-bottom: 20rpx; */
+
+	}
+
+	.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;
+	}
+
+
+	.bustag1 {
+		overflow: hidden;
+		_zoom: 1;
+	}
+
+	.bustext1 {
+		overflow: hidden;
+		_zoom: 1;
+		float: left;
+		/* margin-bottom: 30upx; */
+	}
+
+	.buslxian1 {
+		float: left;
+		font-size: 30upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(255, 255, 255, 1);
+		margin: 0 6upx;
+	}
+
+	.bustext1:first-child .buslxian1 {
+		float: left;
+		font-size: 0upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(255, 255, 255, 1);
+		margin: 0;
+	}
+
+	.bust1 {
+		float: left;
+		font-size: 30upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(255, 255, 255, 1);
+	}
+
+
+	.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>

pages/content/MediaList/MediaList.vue

@@ -0,0 +1,1363 @@
+<template>
+	<view class="bg">
+		<!-- 轮播 -->
+		<view class="swipercontent ">
+					<view class='swiper-img'>
+						<image :src="typeconfig.banner" class="slide-image" mode="widthFix" />
+					</view>
+		</view>
+		<!--内容区域  -->
+		<view class="content">
+	
+
+			<view class="cont-title ">
+				<view class="dtitle" style="margin-top: 76upx;">
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+					<view class="title">
+						读道公众号都有什么？
+					</view>
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+				</view>
+				<view class="ftitle">
+					公众号资源（{{typeconfig.num}}个微信公众号）
+				</view>
+				
+				
+
+			</view>
+			
+			<view class="content-list"    v-for="(item, index) in typeContent" :key="index">
+				<view class="weiixn-gzh " :class="'lin'+index">{{item.name}}</view>
+				
+				<view class="content-cont">
+
+				<view class="list-ul" v-for="(items, indexs) in item.data" :key="indexs" @tap="weJump(items.ercode,items.link)">
+					<view class="list-li">
+						<view class="list-pic">
+							<image :src="items.pic" mode=""></image>
+						</view>
+						<view class="list-title">{{items.name}}</view>
+						<!-- <view class="list-desc">点击了解详情</view> -->
+						
+					</view>
+				</view>
+				
+				</view>
+
+
+			</view>
+
+
+		</view>
+
+
+		<view class="footer">
+			<view class="footer-cont">
+				<view class="footer-btn">
+
+					<view class="btn-title">
+						<label class="btn-title-sz"> {{configbut_name0}}</label>
+						<label class="btn-title-sz1"> {{configbut_name1}}</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_i.png" mode=""></image>
+						<view class="logo-text">
+							<text v-for="(item, index) in config.account" :key="index">{{item}}</text>
+						</view>
+					</view>
+
+					<view class="code">
+						<image class="codePic" :src="catePic" 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">
+
+
+							<image class="pic" :src="config.tel_pic" mode=""></image>
+							<view class="cont">
+
+								<view class="bus-cont">
+									<view class="title1">{{config.but_count}} <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="tel">
+										<label class="tel-num">座&ensp;机:</label>
+										<label class="tel-txt">{{config.tel}}</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>
+		
+		<view class="mark" v-show="isShow">
+			<view class="mark-content">
+				<view class="mark-relative">
+					<!--  41upx -->
+					<!-- <image class="mark-dj" :style="{'left':Ju+'rpx'}" src="../../static/images/dj.png" mode=""></image> -->
+					<image class="mark-del" @tap="cancat" src="../../../static/images/del.png" mode=""></image>
+					<view class="">
+		                 <image class="qercode" :src="ercode" mode=""></image>
+		
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		
+
+
+
+	</view>
+</template>
+
+<script>
+	var graceRichText = require("../../../components/richText.js");
+	import share from '../../../components/share2.js'
+
+	//#ifdef H5
+	   import jquery from '@/components/h5Shsre/jquery-3.5.1.min.js';
+		var jweixin = require('jweixin-module')
+		import Dever_Share from '@/components/h5Shsre/share.js';
+		//#endif
+
+
+	export default {
+		data() {
+			return {
+				swiperCurrent: 0,
+				pic: [],
+				top: '',
+				
+				tabnum: 4,
+				currentTab: 0, //预设当前项的值
+				navScrollLeft: 0,
+				currentTabs: 0,
+				scrollLeft: 0, //tab标题的滚动条位置
+				scrollTop: 0,
+				account: [],
+				phine: '',
+				cate: [],
+				listCase: [],
+				cateid: '',
+				desc: '',
+				id: '',
+				catePic: '',
+				shares: '',
+				config: '',
+				type: '',
+				poster:'',
+				wechat:'',
+				
+				typeContent:[],
+				typeconfig:'',
+				isShow: false,
+				ercode:'',
+				configbut_name0:'',
+				configbut_name1:''
+
+			}
+		},
+		onLoad(e) {
+			
+			var that = this;
+			console.log(2222, e)
+
+			if (e) {
+				that.type = e.type
+				that.id = e.id
+			}
+			this.swiperChange = function(event) {
+				var that = this;
+				this.swiperCurrent = event.detail.current;
+			}
+			
+
+			wx.loadFontFace({
+				family: 'MFJinHei',
+				source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/MFJinHei_Noncommercial-Regular1.ttf")',
+				// family: 'MFJinHei',
+				// source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/mfjin.TTF")',
+				success: console.log
+			})
+			
+			this.getap()
+			this.share()
+
+		},
+		
+		onShow() {
+			
+		},
+		
+		
+		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.config.id ,
+				this.shares.home_name, this.shares.home_pic, 9)
+		},
+		
+		methods: {
+			
+			ThePublicNumber(){
+				uni.navigateTo({
+					url:'../../content/ThePublicNumber/ThePublicNumber'
+				})
+			},
+
+			share() {
+				var that = this;
+				var params = new Object()
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.share',
+					url: this.host + 'api.share',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						that.shares = res.data.data
+						
+						// //#ifdef H5
+
+						// let button = false;
+						//  let uid = -1;
+						//  let project = 111;
+						//  let url = "http://cm.5dev.cn/wechat/share/?api.";
+						//  let param = {
+						//    title:'11111111111111',
+						//    img: res.data.data.home_pic,
+						//    desc:'222222222222',
+						//    url: window.location.href
+						//  };
+						// console.log(89897, param);	
+							
+						// Dever_Share.Init(uid, project, url, param, button);	
+						// //#endif
+						
+						console.log(2222, res)
+					}
+				})
+			},
+			getap() {
+				var that = this;
+				var params = new Object()
+				params.type_id = 1;
+				uni.showLoading({
+					title: '加载中'
+				});
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?api.home',
+					// http://www.dudaowenlv.com/dudaowenlv/content/?l=
+					url: this.host + 'l=api.getMediaList',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						
+						 console.log(444444,res)
+						 
+						 that.typeContent=res.data.data.cate;
+						 
+						 that.configbut_name0 = res.data.data.config.but_name[0];
+						 that.configbut_name1 = res.data.data.config.but_name[0]
+						 
+						that.pic = res.data.data.config.pic.split(",")
+						that.top = res.data.data.config.top
+						that.config = res.data.data.config
+						that.typeconfig =res.data.data.type
+						that.account = res.data.data.config.account
+						that.catePic = res.data.data.config.code
+						
+						var mob = res.data.data.config.phone;
+						that.phine = mob.replace(/(\d{3})(\d{4})/, "$1  $2  ");
+						
+						uni.hideLoading();
+						uni.hideNavigationBarLoading();
+						uni.stopPullDownRefresh(); //得到数据后停止下拉刷新	
+						
+					}
+				})
+			},
+			
+			
+		weJump(ercode, link) {
+			if(link == '' && ercode != ''){
+				this.ercode=ercode
+				this.isShow=true;
+			}else if(link == '' && ercode == ''){
+				
+				// return;
+			}else{
+				//#ifdef H5
+				window.location.href=link;
+				//#endif
+			}
+			
+			
+		},
+			
+			cancat(){
+				this.isShow=false;
+			},
+					
+			
+			
+			cateList() {
+				var that = this;
+				console.log(111136, that.cateid)
+				uni.navigateTo({
+					url: '../../content/List/List?cateid=' + that.cateid
+				})
+			},
+			list(event) {
+				// event.currentTarget.dataset.id
+				// console.log(22222,event.currentTarget.dataset.id)
+				var id = event.currentTarget.dataset.id
+				uni.navigateTo({
+					url: '../../content/List-dl/List-dl?id=' + id
+				})
+			},
+
+			tel() {
+				var that = this;
+				uni.makePhoneCall({
+					phoneNumber: that.phine
+				});
+			}
+
+		}
+	}
+</script>
+
+<style lang="less">
+	body{
+		font-size: 6px;
+		}
+
+	.weiixn{
+		overflow: hidden;
+		_zoom:1;
+		padding: 20rpx 0rpx;
+		background: #FFFFFF;
+	}
+	.weiixn-pic1{
+		float: left;
+		width:375rpx;
+		height: auto;
+		display: block;
+	}
+	.weiixn-pic2{
+		float: right;
+		width: 375rpx;
+		height: auto;
+		display: block;
+	}
+	.bg {
+		// background: #f7f7f7;
+	}
+
+	/* 轮播自定义样式 */
+	.swipercontent {
+		position: relative;
+	}
+
+	.swiper-box {
+		background: #fff;
+	}
+
+	.slide-image {
+		width: 100%;
+		height: 454upx;
+		display: block;
+	}
+
+	.swiper-box .uni-swiper-dots {
+		position: absolute;
+		margin: 0 auto !important;
+		top: 316upx;
+	}
+
+	.swiper-box .uni-swiper-dot {
+		width: 19upx;
+		display: inline-flex;
+		height: 7upx;
+		margin-right: 20upx;
+		justify-content: space-between;
+	}
+
+	.swiper-box .uni-swiper-dot::before {
+		content: '';
+		flex-grow: 1;
+		background: #e0e0e0;
+	}
+
+	.swiper-box .uni-swiper-dot-active::before {
+		background: #2f2f2f;
+		border-radius: 4upx;
+	}
+
+	.swipercontent {
+		position: relative;
+	}
+
+	.dots {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0upx;
+		display: flex;
+		justify-content: center;
+	}
+
+	.dot {
+		margin: 0 8upx;
+		width: 21upx;
+		height: 9upx;
+		background: #333;
+		border-radius: 16upx;
+	}
+
+	.dot.active {
+		width: 21upx;
+		background: #dfdfdf;
+	}
+
+	/* 结束 */
+
+	/* 内容 */
+
+
+	.introduce {
+		/* 	font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		padding: 55upx 34upx; */
+		
+		/* background: #ED7D31; */
+		margin-top: 24upx;
+		
+		background: #ED7D31;
+		color: #FFFFFF;
+
+	}
+
+	.grace-rich-text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		line-height: 45upx;
+		/* color: rgba(51, 51, 51, 1); */
+		padding: 45upx 55upx;
+	}
+
+
+
+	/* tab切换列表 */
+
+	/* 列表 */
+	.listening {
+		// background: #FFFFFF;
+		padding-bottom: 48upx;
+	}
+
+	.list {
+		margin: 0 12upx;
+		// padding-top: 31upx;
+		/* display:flex; */
+		overflow: hidden;
+		_zoom: 1;
+		// margin-bottom: 61upx;
+	}
+
+	.listcent {
+		margin-left: 66upx;
+		float: left;
+	
+		
+		
+		width: 268upx;
+		height: 245upx;
+		background: #FFFFFF;
+		border: 1upx solid #DBDBDB;
+		margin-bottom: 30upx;
+		// box-sizing: border-box;
+	}
+
+	.listPic {
+		display: block;
+		width: 268upx;
+		height: 170upx;
+		// border-radius: 10upx 10upx 0px 0px;
+	}
+
+	/*  */
+	.biaot {
+		background: #fff;
+		text-align: center;
+		
+	}
+
+	.bt {
+		font-size: 18upx;
+		line-height: 18upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: #333333;
+		padding: 16upx 0upx 8upx 0upx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+
+	}
+	.bts{
+		margin: 0 auto !important;
+	}
+	
+
+	.xianq {
+		overflow: hidden;
+		_zoom: 1;
+		margin: 0 81upx;
+	}
+
+	.text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(102, 102, 102, 1);
+		float: left;
+	}
+
+	.jt {
+		width: 14upx;
+		height: 16upx;
+		float: right;
+		display: block;
+		margin-top: 11upx;
+
+	}
+
+	.btn {
+		padding-bottom: 82upx;
+	}
+
+	.btn-cont {
+		margin: 0 155upx;
+
+		height: 70upx;
+		background: #f4f4f4;
+		/* box-shadow:3upx 5upx 134upx 7upx rgba(7,7,7,0.13); */
+		/* opacity:0.2; */
+		border-radius: 35upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 107upx;
+	}
+
+	.anli {
+		font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: rgba(102, 102, 102, 1);
+
+		line-height: 70upx;
+		float: left;
+	}
+
+	.gd {
+		width: 30upx;
+		height: 29upx;
+		float: right;
+		margin-top: 22upx;
+
+	}
+
+	.footer-cont {
+		padding: 72upx 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;
+	}
+
+
+
+	.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;
+
+	}
+
+
+
+	.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: #ED7D31;
+
+	}
+
+	.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;
+	}
+
+	.code {
+		float: right;
+	}
+
+	.codePic {
+		width: 210upx;
+		height: 210upx;
+		display: block;
+
+	}
+
+	.codetext {
+		text-align: center;
+		font-size: 16upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		line-height: 16upx;
+	}
+
+	.codetext-s {
+		color: #333333;
+	}
+
+	.codetext-a {
+		color: #ED7D31;
+	}
+
+
+
+	@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 {
+		width: 100%;
+		background: #ED7D31;
+
+
+
+	}
+
+	.businesscard {
+		height: 190upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 42upx 0 53upx;
+		display: flex;
+
+	}
+
+	.left {
+
+	}
+
+	.rights1 {
+
+		margin-top: 13upx;
+		margin-left: 10rpx;
+	}
+
+	.ri-tel {
+		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%;
+		margin-bottom: 10upx;
+		
+	}
+	.bus-cont view text {
+	   display: inline-block;
+	   height:0;
+	   width:100%  /* 换行 */
+	}
+	
+
+	
+
+	.title1 {
+		margin-top: 26upx;
+		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;
+		display: flex;
+		
+
+	}
+
+	.tel-num {
+       width: 52upx;
+	   text-align: justify;
+	}
+
+	.tel-txt {
+		letter-spacing: 6upx;
+	}
+
+	.bus-desc {
+		font-size: 20upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		line-height: 20upx;
+		color: #fff;
+		height: 20upx;
+	}
+
+	.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;
+	}
+	
+	
+
+	
+	/* 新增 */
+	/* 大标题 */
+	.cont-title {
+		// background: #FFFFFF;
+	}
+	
+	.h {
+		margin-top: 20upx;
+	}
+	
+	.dtitle {
+		overflow: hidden;
+		_zoom: 1;
+		display: flex;
+		justify-content: center;
+		margin: 0 auto;
+	}
+	
+	.title {
+		font-size: 44upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: bold;
+		color: rgba(34, 34, 34, 1);
+		padding: 0 24upx;
+		float: left;
+	}
+	
+	.limg {
+		float: left;
+		width: 35upx;
+		height: 15upx;
+		display: block;
+		margin-top: 22upx;
+	
+	}
+	
+	.ftitle {
+		margin-top: 8upx;
+		font-size: 24upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(51, 51, 51, 1);
+		text-align: center;
+	}
+	
+	.weiixn-gzh{
+		width: 176upx;
+		height: 44upx;
+		background: #ED7D31;
+		border-radius: 6upx;
+		font-size: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #FFFFFF;
+		line-height: 44upx;
+		text-align: center;
+		margin: 0 auto;
+		margin-bottom: 28upx;
+	}
+	
+	.weiixn-gzhs{
+		width: 236upx;
+		height: 44upx;
+		background: #ED7D31;
+		border-radius: 6upx;
+		font-size: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #FFFFFF;
+		line-height: 44upx;
+		text-align: center;
+		margin: 0 auto;
+		margin-top: 34upx;
+		margin-bottom: 28upx;
+	}
+	
+	/* 公众号列表 */
+	.content{
+		background: #FFFFFF;
+		// padding-bottom:60upx ;
+	}
+	
+	.content-list{
+		// padding: 0 30upx;
+
+		
+	}
+	.content-cont{
+		overflow: hidden;
+		_zoom:1;
+	}
+	.list-ul{
+		float: left;
+		margin-left: 38upx;
+	}
+	.list-li{
+		width: 140upx;
+		margin-bottom: 40upx;
+	}
+	
+	.list-pic{
+		image{
+			width: 140upx;
+			height: 140upx;
+			// background: #A22D26;
+			border-radius: 70upx;
+			display: block;
+		}
+	}
+	.list-title{
+		font-size: 18upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #333333;
+		// line-height: 18upx;
+		text-align: center;
+		margin: 14upx 0 8upx 0;
+		overflow: hidden;
+		text-overflow:ellipsis;
+		white-space: nowrap;
+	}
+	.list-desc{
+	
+		width: 96upx;
+		height: 26upx;
+		border: 1upx solid rgba(189, 194, 196, 0.99);
+		border-radius: 2upx;
+		font-size: 12upx;
+		text-align: center;
+		line-height: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: #333333;
+		margin: 0 36upx;
+		box-sizing: border-box;
+		    -webkit-text-size-adjust: 100%;
+
+	
+	}
+	
+	
+	.ljgd{
+		width: 212upx;
+		height: 43upx;
+		border: 1upx solid #DD2B2E;
+		border-radius: 3upx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin: 0 auto;
+		
+		.ljgd-pic{
+			image{
+				width: 30upx;
+				height: 30upx;
+				display: block;
+				margin-right: 12upx;
+			}
+			
+		}
+		.ljgd-text{
+			line-height: 20upx;
+			font-size: 20upx;
+			font-family: Microsoft YaHei;
+			font-weight: bold;
+			color: #444444;
+		}
+	}
+	
+	.lic{
+		width: 173upx;
+		height: 35upx;
+		border: 1upx solid #DD2B2E;
+		border-radius: 3px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		// margin: 0 auto;
+		margin-top: 14upx;
+		
+		.ljgd-pic{
+			image{
+				width: 27upx;
+				height: 27upx;
+				display: block;
+				margin-right: 12upx;
+			}
+			
+		}
+		.ljgd-text{
+			line-height: 16upx;
+			font-size: 16upx;
+			font-family: Microsoft YaHei;
+			font-weight: bold;
+			color: #444444;
+		}
+	}
+	
+	
+	
+	.lin1{
+		margin-top: 38upx;
+	}
+	.lin2{
+		margin-top: 60upx;
+	}
+	
+	.links{
+		margin-top: 8upx;
+	}
+	
+	.mark {
+		position: fixed;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.5);
+		z-index: 9999999;
+	}
+	
+	.mark-content {
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		margin: auto;
+		z-index: 9;
+		width: 500upx;
+		height: 500upx;
+		background: #FFFFFF;
+		border-radius: 16upx;
+	}
+	
+	.mark-relative {
+		position: relative;
+	}
+	
+	.mark-del {
+		width: 30upx;
+		height: 30upx;
+		display: block;
+		position: absolute;
+		right: 0;
+		padding: 22upx 20upx 0 0;
+	}
+	
+	.qercode{
+		width: 320upx;
+		height: 320upx;
+		display: block;
+	    margin: 0 auto;
+		padding-top: 90upx;
+	}
+</style>

pages/content/Meeting/Meeting.vue

@@ -0,0 +1,1374 @@
+<template>
+	<view class="bg">
+		<!-- 轮播 -->
+		<view class="swipercontent ">
+			<view class='swiper-img'>
+				<image :src="config.meet_pic" class="slide-image" mode="widthFix" />
+				
+				<image src="../../../static/images/fh.png" class="slide-images"  />
+			</view>
+		</view>
+
+		<view class="" style="background: #f5f5f5;">
+			
+			<view class="cont-title ">
+				<view class="dtitle" style="padding-top: 52upx;">
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+					<view class="title">
+						培训峰会经典案例展示
+					</view>
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+				</view>
+				<view class="ftitle">
+					培训峰会案例解读（Interpretation of Training Summit Case）
+				</view>
+				
+				
+			
+			</view>
+			<view class="weiixn-gzh  weiixn-gzhs">高端峰会经典案例</view>
+	
+			<!-- </view> -->
+			<view class='listening'>
+				<!-- listCase -->
+				<!-- <scroll-view class="list" scroll-x="true" :current="currentTab" :scroll-left="navScrollLeft"  scroll-with-animation="true"  @tap="switchNav($event)">	 -->
+				<view class="list">
+					<!-- <swiper style="height:550px" :current="currentTab"  circular="true"  @change="switchTab"> -->
+			
+					<view class="listcent" v-for="(item, index) in listCase" :key="index">
+						<!-- <swiper-item >	 -->
+						<view @tap="list($event)" :data-id="item.id">
+			
+							<image class="listPic" :src="item.pic" mode=""></image>
+							
+							<view class="biaot">
+								<view class="bt">{{item.name}}</view>
+								<!-- <view class="list-desc bts">点击了解详情</view> -->
+							</view>
+			
+						</view>
+					</view>
+			
+				</view>
+			</view>
+			
+		</view>
+		
+
+		<view class="footer">
+			<view class="footer-cont">
+				<view class="footer-btn">
+
+					<view class="btn-title">
+						<label class="btn-title-sz"> {{configbut_name0}}</label>
+						<label class="btn-title-sz1"> {{configbut_name1}}</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_i.png" mode=""></image>
+						<view class="logo-text">
+							<text v-for="(item, index) in config.account" :key="index">{{item}}</text>
+						</view>
+					</view>
+
+					<view class="code">
+						<image class="codePic" :src="catePic" 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">
+
+
+							<image class="pic" :src="config.tel_pic" mode=""></image>
+							<view class="cont">
+
+								<view class="bus-cont">
+									<view class="title1">{{config.but_count}} <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="tel">
+										<label class="tel-num">座&ensp;机:</label>
+										<label class="tel-txt">{{config.tel}}</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>
+		
+		<view class="mark" v-show="isShow">
+			<view class="mark-content">
+				<view class="mark-relative">
+					<!--  41upx -->
+					<!-- <image class="mark-dj" :style="{'left':Ju+'rpx'}" src="../../static/images/dj.png" mode=""></image> -->
+					<image class="mark-del" @tap="cancat" src="../../../static/images/del.png" mode=""></image>
+					<view class="">
+		                 <image class="qercode" :src="ercode" mode=""></image>
+		
+					</view>
+				</view>
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	var graceRichText = require("../../../components/richText.js");
+	import share from '../../../components/share2.js'
+
+	//#ifdef H5
+	   import jquery from '@/components/h5Shsre/jquery-3.5.1.min.js';
+		var jweixin = require('jweixin-module')
+		import Dever_Share from '@/components/h5Shsre/share.js';
+		//#endif
+	// import h5weixin from '@/components/h5Shsre/weixin.js';
+
+
+	export default {
+		data() {
+			return {
+				swiperCurrent: 0,
+				pic: [],
+				top: '',
+				tabnum: 4,
+				currentTab: 0, //预设当前项的值
+				navScrollLeft: 0,
+				currentTabs: 0,
+				scrollLeft: 0, //tab标题的滚动条位置
+				scrollTop: 0,
+				account: [],
+				phine: '',
+				cate: [],
+				listCase: [],
+				cateid: '',
+				desc: '',
+				id: '',
+				catePic: '',
+				shares: '',
+				config: '',
+				type: '',
+				poster:'',
+				wechat:'',
+				
+				typeContent:[],
+				isShow: false,
+				ercode:'',
+				configbut_name0:'',
+				configbut_name1:''
+
+			}
+		},
+		onLoad(e) {
+		
+			// uni.hideShareMenu()
+			var that = this;
+			console.log(2222, e)
+
+			if (e) {
+				that.type = e.type
+				that.id = e.id
+			}
+			this.swiperChange = function(event) {
+				var that = this;
+				this.swiperCurrent = event.detail.current;
+			}
+			
+
+			wx.loadFontFace({
+				family: 'MFJinHei',
+				source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/MFJinHei_Noncommercial-Regular1.ttf")',
+				// family: 'MFJinHei',
+				// source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/mfjin.TTF")',
+				success: console.log
+			})
+
+			wx.getSystemInfo({
+				success: (res) => {
+					// this.setData({
+					that.pixelRatio = res.pixelRatio,
+						that.windowHeight = res.windowHeight,
+						that.windowWidth = res.windowWidth
+					// })
+				}
+			})
+			
+			this.getap()
+			this.share()
+
+		},
+		
+		onShow() {
+		
+			// this.con_list()
+		},
+	
+		
+		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.config.id ,
+				this.shares.home_name, this.shares.home_pic, 9)
+		},
+		
+		methods: {
+			
+			ThePublicNumber(){
+				uni.navigateTo({
+					url:'../../content/ThePublicNumber/ThePublicNumber'
+				})
+			},
+
+			share() {
+				var that = this;
+				var params = new Object()
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.share',
+					url: this.host + 'api.share',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						that.shares = res.data.data
+						
+						// //#ifdef H5
+
+						// let button = false;
+						//  let uid = -1;
+						//  let project = 111;
+						//  let url = "http://cm.5dev.cn/wechat/share/?api.";
+						//  let param = {
+						//    title:'11111111111111',
+						//    img: res.data.data.home_pic,
+						//    desc:'222222222222',
+						//    url: window.location.href
+						//  };
+						// console.log(89897, param);	
+							
+						// Dever_Share.Init(uid, project, url, param, button);	
+						// //#endif
+						
+						console.log(2222, res)
+					}
+				})
+			},
+			getap() {
+				var that = this;
+				var params = new Object()
+				// params.signature = uni.getStorageSync('signature')
+				uni.showLoading({
+					title: '加载中'
+				});
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?api.home',
+					// http://www.dudaowenlv.com/dudaowenlv/content/?l=
+					url: this.host + 'api.getMediaCase',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						
+						 console.log(444444,res)
+						 
+						 that.typeContent=res.data.data.type;
+					
+						that.config = res.data.data.config
+						that.account = res.data.data.config.account
+						that.catePic = res.data.data.config.code
+						
+						that.configbut_name0 = res.data.data.config.but_name[0];
+						that.configbut_name1 = res.data.data.config.but_name[0]
+						
+						
+						// console.log(22222, res.data.data.config.cote)
+						that.listCase = res.data.data.case
+						
+						var mob = res.data.data.config.phone;
+						that.phine = mob.replace(/(\d{3})(\d{4})/, "$1  $2  ");
+
+						uni.hideLoading();
+						uni.hideNavigationBarLoading();
+						uni.stopPullDownRefresh(); //得到数据后停止下拉刷新	
+
+					}
+				})
+			},
+			
+			
+			weJump(ercode, link) {
+				if(link == '' && ercode != ''){
+					this.ercode=ercode
+					this.isShow=true;
+				}else if(link == '' && ercode == ''){
+					
+					// return;
+				}else{
+					//#ifdef H5
+					window.location.href=link;
+					//#endif
+				}
+				
+				
+			},
+			
+			cancat(){
+				this.isShow=false;
+			},
+		
+			
+			cateList() {
+				var that = this;
+				console.log(111136, that.cateid)
+				uni.navigateTo({
+					url: '../../content/List/List?cateid=' + that.cateid
+				})
+			},
+			list(event) {
+				// event.currentTarget.dataset.id
+				// console.log(22222,event.currentTarget.dataset.id)
+				var id = event.currentTarget.dataset.id
+				uni.navigateTo({
+					url: '../../content/List-dl/List-dl?id=' + id
+				})
+			},
+
+			tel() {
+				var that = this;
+				uni.makePhoneCall({
+					phoneNumber: that.phine
+				});
+			}
+
+
+		}
+	}
+</script>
+
+<style lang="less">
+	body{
+		font-size: 6px;
+		}
+	
+	/* <image class="weiixn-pic1" class="" src="../../../static/images/dud.jpg" mode=""></image> */
+	/* <image class="weiixn-pic2" src="../../../static/images/w.jpg" mode=""></image> */
+
+	.weiixn{
+		overflow: hidden;
+		_zoom:1;
+		padding: 20rpx 0rpx;
+		background: #FFFFFF;
+	}
+	.weiixn-pic1{
+		float: left;
+		width:375rpx;
+		height: auto;
+		display: block;
+	}
+	.weiixn-pic2{
+		float: right;
+		width: 375rpx;
+		height: auto;
+		display: block;
+	}
+	.bg {
+		// background: #f7f7f7;
+	}
+
+	/* 轮播自定义样式 */
+	.swipercontent {
+		position: relative;
+	}
+
+	.swiper-box {
+		background: #fff;
+	}
+
+	.slide-image {
+		width: 100%;
+		height: 454upx;
+		display: block;
+	}
+    .slide-images{
+		width: 100%;
+		height: 550upx;
+		display: block;
+	}
+	.swiper-box .uni-swiper-dots {
+		position: absolute;
+		margin: 0 auto !important;
+		top: 316upx;
+	}
+
+	.swiper-box .uni-swiper-dot {
+		width: 19upx;
+		display: inline-flex;
+		height: 7upx;
+		margin-right: 20upx;
+		justify-content: space-between;
+	}
+
+	.swiper-box .uni-swiper-dot::before {
+		content: '';
+		flex-grow: 1;
+		background: #e0e0e0;
+	}
+
+	.swiper-box .uni-swiper-dot-active::before {
+		background: #2f2f2f;
+		border-radius: 4upx;
+	}
+
+	.swipercontent {
+		position: relative;
+	}
+
+	.dots {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0upx;
+		display: flex;
+		justify-content: center;
+	}
+
+	.dot {
+		margin: 0 8upx;
+		width: 21upx;
+		height: 9upx;
+		background: #333;
+		border-radius: 16upx;
+	}
+
+	.dot.active {
+		width: 21upx;
+		background: #dfdfdf;
+	}
+
+	/* 结束 */
+
+	/* 内容 */
+
+
+	.introduce {
+		/* 	font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		padding: 55upx 34upx; */
+		
+		/* background: #ED7D31; */
+		margin-top: 24upx;
+		
+		background: #ED7D31;
+		color: #FFFFFF;
+
+	}
+
+	.grace-rich-text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		line-height: 45upx;
+		/* color: rgba(51, 51, 51, 1); */
+		padding: 45upx 55upx;
+	}
+
+
+
+	/* tab切换列表 */
+
+	/* 列表 */
+	.listening {
+		// background: #FFFFFF;
+		padding-bottom: 48upx;
+	}
+
+	.list {
+		margin: 0 12upx;
+		// padding-top: 31upx;
+		/* display:flex; */
+		overflow: hidden;
+		_zoom: 1;
+		// margin-bottom: 61upx;
+	}
+
+	.listcent {
+		margin-left: 66upx;
+		float: left;
+	
+		width: 268upx;
+		height: 216upx;
+		background: #FFFFFF;
+		border: 1upx solid #DBDBDB;
+		margin-bottom: 30upx;
+		// box-sizing: border-box;
+	}
+
+	.listPic {
+		display: block;
+		width: 268upx;
+		height: 170upx;
+		// border-radius: 10upx 10upx 0px 0px;
+	}
+
+	/*  */
+	.biaot {
+		background: #fff;
+		text-align: center;
+	}
+
+	.bt {
+		font-size: 18upx;
+		line-height: 18upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: #333333;
+		padding: 16upx 0upx 8upx 0upx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+
+	}
+	.bts{
+		margin: 0 auto !important;
+	}
+	
+
+	.xianq {
+		overflow: hidden;
+		_zoom: 1;
+		margin: 0 81upx;
+	}
+
+	.text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(102, 102, 102, 1);
+		float: left;
+	}
+
+	.jt {
+		width: 14upx;
+		height: 16upx;
+		float: right;
+		display: block;
+		margin-top: 11upx;
+
+	}
+
+	.btn {
+		padding-bottom: 82upx;
+	}
+
+	.btn-cont {
+		margin: 0 155upx;
+
+		height: 70upx;
+		background: #f4f4f4;
+		/* box-shadow:3upx 5upx 134upx 7upx rgba(7,7,7,0.13); */
+		/* opacity:0.2; */
+		border-radius: 35upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 107upx;
+	}
+
+	.anli {
+		font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: rgba(102, 102, 102, 1);
+
+		line-height: 70upx;
+		float: left;
+	}
+
+	.gd {
+		width: 30upx;
+		height: 29upx;
+		float: right;
+		margin-top: 22upx;
+
+	}
+
+	.footer-cont {
+		padding: 72upx 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;
+	}
+
+
+
+	.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;
+
+	}
+
+
+
+	.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: #ED7D31;
+
+	}
+
+	.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;
+	}
+
+	.code {
+		float: right;
+	}
+
+	.codePic {
+		width: 210upx;
+		height: 210upx;
+		display: block;
+
+	}
+
+	.codetext {
+		text-align: center;
+		font-size: 16upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		line-height: 16upx;
+	}
+
+	.codetext-s {
+		color: #333333;
+	}
+
+	.codetext-a {
+		color: #ED7D31;
+	}
+
+
+
+	@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 {
+		width: 100%;
+		background: #ED7D31;
+
+
+
+	}
+
+	.businesscard {
+		height: 190upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 42upx 0 53upx;
+		display: flex;
+
+	}
+
+	.left {
+
+	}
+
+	.rights1 {
+
+		margin-top: 13upx;
+		margin-left: 10rpx;
+	}
+
+	.ri-tel {
+		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%;
+		margin-bottom: 10upx;
+		
+	}
+	.bus-cont view text {
+	   display: inline-block;
+	   height:0;
+	   width:100%  /* 换行 */
+	}
+	
+
+	
+
+	.title1 {
+		margin-top: 26upx;
+		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;
+		display: flex;
+		
+
+	}
+
+	.tel-num {
+       width: 52upx;
+	   text-align: justify;
+	}
+
+	.tel-txt {
+		letter-spacing: 6upx;
+	}
+
+	.bus-desc {
+		font-size: 20upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		line-height: 20upx;
+		color: #fff;
+		height: 20upx;
+	}
+
+	.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;
+	}
+	
+	
+
+	
+	/* 新增 */
+	/* 大标题 */
+	.cont-title {
+		// background: #FFFFFF;
+	}
+	
+	.h {
+		margin-top: 20upx;
+	}
+	
+	.dtitle {
+		overflow: hidden;
+		_zoom: 1;
+		display: flex;
+		justify-content: center;
+		margin: 0 auto;
+	}
+	
+	.title {
+		font-size: 44upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: bold;
+		color: rgba(34, 34, 34, 1);
+		padding: 0 24upx;
+		float: left;
+	}
+	
+	.limg {
+		float: left;
+		width: 35upx;
+		height: 15upx;
+		display: block;
+		margin-top: 22upx;
+	
+	}
+	
+	.ftitle {
+		margin-top: 8upx;
+		font-size: 24upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(51, 51, 51, 1);
+		text-align: center;
+	}
+	
+	.weiixn-gzh{
+		width: 176upx;
+		height: 44upx;
+		background: #ED7D31;
+		border-radius: 6upx;
+		font-size: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #FFFFFF;
+		line-height: 44upx;
+		text-align: center;
+		margin: 0 auto;
+		margin-bottom: 28upx;
+	}
+	
+	.weiixn-gzhs{
+		width: 236upx;
+		height: 44upx;
+		background: #ED7D31;
+		border-radius: 6upx;
+		font-size: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #FFFFFF;
+		line-height: 44upx;
+		text-align: center;
+		margin: 0 auto;
+		margin-top: 34upx;
+		margin-bottom: 28upx;
+	}
+	
+	/* 公众号列表 */
+	// .content{
+	// 	background: #FFFFFF;
+	// 	padding-bottom:60upx ;
+	// }
+	
+	// .content-list{
+	// 	padding: 0 30upx;
+
+		
+	// }
+	// .content-cont{
+	// 	overflow: hidden;
+	// 	_zoom:1;
+	// }
+	// .list-ul{
+	// 	float: left;
+	// 	margin-left: 44upx;
+	// }
+	// .list-li{
+	// 	width: 170upx;
+	// 	margin-bottom: 40upx;
+	// }
+	
+	// .list-pic{
+	// 	image{
+	// 		width: 170upx;
+	// 		height: 170upx;
+	// 		background: #A22D26;
+	// 		border-radius: 85upx;
+	// 		display: block;
+	// 	}
+	// }
+	// .list-title{
+	// 	font-size: 18upx;
+	// 	font-family: Source Han Sans CN;
+	// 	font-weight: bold;
+	// 	color: #333333;
+	// 	line-height: 18upx;
+	// 	text-align: center;
+	// 	margin: 14upx 0 8upx 0;
+	// }
+	// .list-desc{
+	
+	// 	width: 96upx;
+	// 	height: 26upx;
+	// 	border: 1upx solid rgba(189, 194, 196, 0.99);
+	// 	border-radius: 2upx;
+	// 	font-size: 12upx;
+	// 	text-align: center;
+	// 	line-height: 26upx;
+	// 	font-family: Source Han Sans CN;
+	// 	font-weight: 400;
+	// 	color: #333333;
+	// 	margin: 0 36upx;
+	// 	box-sizing: border-box;
+	// 	    -webkit-text-size-adjust: 100%;
+
+	
+	// }
+	
+	
+	// .ljgd{
+	// 	width: 212upx;
+	// 	height: 43upx;
+	// 	border: 1upx solid #DD2B2E;
+	// 	border-radius: 3upx;
+	// 	display: flex;
+	// 	justify-content: center;
+	// 	align-items: center;
+	// 	margin: 0 auto;
+		
+	// 	.ljgd-pic{
+	// 		image{
+	// 			width: 30upx;
+	// 			height: 30upx;
+	// 			display: block;
+	// 			margin-right: 12upx;
+	// 		}
+			
+	// 	}
+	// 	.ljgd-text{
+	// 		line-height: 20upx;
+	// 		font-size: 20upx;
+	// 		font-family: Microsoft YaHei;
+	// 		font-weight: bold;
+	// 		color: #444444;
+	// 	}
+	// }
+	
+	.lic{
+		width: 173upx;
+		height: 35upx;
+		border: 1upx solid #DD2B2E;
+		border-radius: 3px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		// margin: 0 auto;
+		margin-top: 14upx;
+		
+		.ljgd-pic{
+			image{
+				width: 27upx;
+				height: 27upx;
+				display: block;
+				margin-right: 12upx;
+			}
+			
+		}
+		.ljgd-text{
+			line-height: 16upx;
+			font-size: 16upx;
+			font-family: Microsoft YaHei;
+			font-weight: bold;
+			color: #444444;
+		}
+	}
+	
+	
+	
+	.lin1{
+		margin-top: 38upx;
+	}
+	.lin2{
+		margin-top: 60upx;
+	}
+	
+	.links{
+		margin-top: 8upx;
+	}
+	
+	.mark {
+		position: fixed;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.5);
+		z-index: 9999999;
+	}
+	
+	.mark-content {
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		margin: auto;
+		z-index: 9;
+		width: 500upx;
+		height: 500upx;
+		background: #FFFFFF;
+		border-radius: 16upx;
+	}
+	
+	.mark-relative {
+		position: relative;
+	}
+	
+	.mark-del {
+		width: 30upx;
+		height: 30upx;
+		display: block;
+		position: absolute;
+		right: 0;
+		padding: 22upx 20upx 0 0;
+	}
+	.qercode{
+		width: 320upx;
+		height: 320upx;
+		display: block;
+	    margin: 0 auto;
+		padding-top: 90upx;
+	}
+	
+</style>

pages/content/ThePublicNumber/ThePublicNumber.vue

@@ -0,0 +1,25 @@
+<template>
+	<view>
+		<web-view :src="paths"></web-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				paths:'',
+			}
+		},
+		onLoad() {
+			this.paths='https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MjM5MTg2Mzc5Mw=='
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/content/TouTiao/TouTiao.vue

@@ -0,0 +1,1381 @@
+<template>
+	<view class="bg">
+		<!-- 轮播 -->
+		<view class="swipercontent ">
+					<view class='swiper-img'>
+						<image :src="typeconfig.banner" class="slide-image" mode="widthFix" />
+					</view>
+
+		</view>
+		<!--内容区域  -->
+		<view class="content">
+
+
+			<view class="cont-title ">
+				<view class="dtitle" style="margin-top: 76upx;">
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+					<view class="title">
+						读道头条号都有什么？
+					</view>
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+				</view>
+				<view class="ftitle">
+					头条号资源（{{typeconfig.num}}个微信头条号）
+				</view>
+				
+				
+
+			</view>
+			
+			<view class="content-list"    v-for="(item, index) in typeContent" :key="index">
+				<view class="weiixn-gzh " :class="'lin'+index">{{item.name}}</view>
+				
+				<view class="content-cont">
+
+				<view class="list-ul" v-for="(items, indexs) in item.data" :key="indexs"  @tap="weJump(items.ercode,items.link)">
+					<view class="list-li">
+						<view class="list-pic">
+							<image :src="items.pic" mode=""></image>
+						</view>
+						<view class="list-title">{{items.name}}</view>
+						<!-- <view class="list-desc">点击了解详情</view> -->
+						
+					</view>
+				</view>
+
+				</view>
+
+
+			</view>
+
+
+		</view>
+
+		<view class="footer">
+			<view class="footer-cont">
+				<view class="footer-btn">
+
+					<view class="btn-title">
+						<label class="btn-title-sz"> {{configbut_name0}}</label>
+						<label class="btn-title-sz1"> {{configbut_name1}}</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_i.png" mode=""></image>
+						<view class="logo-text">
+							<text v-for="(item, index) in config.account" :key="index">{{item}}</text>
+						</view>
+					</view>
+
+					<view class="code">
+						<image class="codePic" :src="catePic" 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">
+
+
+							<image class="pic" :src="config.tel_pic" mode=""></image>
+							<view class="cont">
+
+								<view class="bus-cont">
+									<view class="title1">{{config.but_count}} <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="tel">
+										<label class="tel-num">座&ensp;机:</label>
+										<label class="tel-txt">{{config.tel}}</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>
+		
+		
+		
+		<view class="mark" v-show="isShow">
+			<view class="mark-content">
+				<view class="mark-relative">
+					<!--  41upx -->
+					<!-- <image class="mark-dj" :style="{'left':Ju+'rpx'}" src="../../static/images/dj.png" mode=""></image> -->
+					<image class="mark-del" @tap="cancat" src="../../../static/images/del.png" mode=""></image>
+					<view class="">
+		                <image class="qercode" :src="ercode" mode=""></image>
+		
+					</view>
+				</view>
+			</view>
+		</view>
+
+
+
+	</view>
+</template>
+
+<script>
+	var graceRichText = require("../../../components/richText.js");
+	import share from '../../../components/share2.js'
+
+	//#ifdef H5
+	   import jquery from '@/components/h5Shsre/jquery-3.5.1.min.js';
+		var jweixin = require('jweixin-module')
+		import Dever_Share from '@/components/h5Shsre/share.js';
+		//#endif
+	// import h5weixin from '@/components/h5Shsre/weixin.js';
+
+
+	export default {
+		data() {
+			return {
+				swiperCurrent: 0,
+				pic: [],
+				top: '',
+				tabnum: 4,
+				currentTab: 0, //预设当前项的值
+				navScrollLeft: 0,
+				currentTabs: 0,
+				scrollLeft: 0, //tab标题的滚动条位置
+				scrollTop: 0,
+				account: [],
+				phine: '',
+				cate: [],
+				listCase: [],
+				cateid: '',
+				desc: '',
+				id: '',
+				catePic: '',
+				shares: '',
+				config: '',
+				type: '',
+				poster:'',
+				wechat:'',
+				
+				typeContent:[],
+				typeconfig:'',
+				isShow: false,
+				ercode:'',
+				configbut_name0:'',
+				configbut_name1:''
+
+			}
+		},
+		onLoad(e) {
+			
+			// uni.hideShareMenu()
+			var that = this;
+			console.log(2222, e)
+
+			if (e) {
+				that.type = e.type
+				that.id = e.id
+			}
+			this.swiperChange = function(event) {
+				var that = this;
+				this.swiperCurrent = event.detail.current;
+			}
+			
+
+			wx.loadFontFace({
+				family: 'MFJinHei',
+				source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/MFJinHei_Noncommercial-Regular1.ttf")',
+				// family: 'MFJinHei',
+				// source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/mfjin.TTF")',
+				success: console.log
+			})
+
+			wx.getSystemInfo({
+				success: (res) => {
+					// this.setData({
+					that.pixelRatio = res.pixelRatio,
+						that.windowHeight = res.windowHeight,
+						that.windowWidth = res.windowWidth
+					// })
+				}
+			})
+			
+			this.getap()
+			this.share()
+
+		},
+		
+		onShow() {
+			
+			// this.con_list()
+		},
+	
+		
+		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.config.id ,
+				this.shares.home_name, this.shares.home_pic, 9)
+		},
+		
+		methods: {
+			
+			ThePublicNumber(){
+				uni.navigateTo({
+					url:'../../content/ThePublicNumber/ThePublicNumber'
+				})
+			},
+
+			share() {
+				var that = this;
+				var params = new Object()
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.share',
+					url: this.host + 'api.share',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						that.shares = res.data.data
+						
+						// //#ifdef H5
+
+						// let button = false;
+						//  let uid = -1;
+						//  let project = 111;
+						//  let url = "http://cm.5dev.cn/wechat/share/?api.";
+						//  let param = {
+						//    title:'11111111111111',
+						//    img: res.data.data.home_pic,
+						//    desc:'222222222222',
+						//    url: window.location.href
+						//  };
+						// console.log(89897, param);	
+							
+						// Dever_Share.Init(uid, project, url, param, button);	
+						// //#endif
+						
+						console.log(2222, res)
+					}
+				})
+			},
+			getap() {
+				var that = this;
+				var params = new Object()
+				params.type_id = 2;
+				uni.showLoading({
+					title: '加载中'
+				});
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?api.home',
+					// http://www.dudaowenlv.com/dudaowenlv/content/?l=
+					url: this.host + 'l=api.getMediaList',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						
+						 console.log(444444,res)
+						 
+						 that.typeContent=res.data.data.cate;
+						 that.typeconfig=res.data.data.type;
+					
+						that.pic = res.data.data.config.pic.split(",")
+						that.top = res.data.data.config.top
+						that.config = res.data.data.config
+						that.account = res.data.data.config.account
+						that.catePic = res.data.data.config.code
+						var mob = res.data.data.config.phone;
+						
+						that.configbut_name0 = res.data.data.config.but_name[0];
+						that.configbut_name1 = res.data.data.config.but_name[0]
+						that.phine = mob.replace(/(\d{3})(\d{4})/, "$1  $2  ");
+					
+						uni.hideLoading();
+						uni.hideNavigationBarLoading();
+						uni.stopPullDownRefresh(); //得到数据后停止下拉刷新	
+					
+					}
+				})
+			},
+			
+			
+			weJump(ercode, link) {
+				if(link == '' && ercode != ''){
+					this.ercode=ercode
+					this.isShow=true;
+				}else if(link == '' && ercode == ''){
+					
+					// return;
+				}else{
+					//#ifdef H5
+					window.location.href=link;
+					//#endif
+				}
+				
+				
+			},
+			
+			cancat(){
+				this.isShow=false;
+			},
+		
+			
+			
+			cateList() {
+				var that = this;
+				console.log(111136, that.cateid)
+				uni.navigateTo({
+					url: '../../content/List/List?cateid=' + that.cateid
+				})
+			},
+			list(event) {
+				// event.currentTarget.dataset.id
+				// console.log(22222,event.currentTarget.dataset.id)
+				var id = event.currentTarget.dataset.id
+				uni.navigateTo({
+					url: '../../content/List-dl/List-dl?id=' + id
+				})
+			},
+
+			tel() {
+				var that = this;
+				uni.makePhoneCall({
+					phoneNumber: that.phine
+				});
+			}
+
+
+		}
+	}
+</script>
+
+<style lang="less">
+	body{
+		font-size: 6px;
+		}
+	
+	/* <image class="weiixn-pic1" class="" src="../../../static/images/dud.jpg" mode=""></image> */
+	/* <image class="weiixn-pic2" src="../../../static/images/w.jpg" mode=""></image> */
+
+	.weiixn{
+		overflow: hidden;
+		_zoom:1;
+		padding: 20rpx 0rpx;
+		background: #FFFFFF;
+	}
+	.weiixn-pic1{
+		float: left;
+		width:375rpx;
+		height: auto;
+		display: block;
+	}
+	.weiixn-pic2{
+		float: right;
+		width: 375rpx;
+		height: auto;
+		display: block;
+	}
+	.bg {
+		// background: #f7f7f7;
+	}
+
+	/* 轮播自定义样式 */
+	.swipercontent {
+		position: relative;
+	}
+
+	.swiper-box {
+		background: #fff;
+	}
+
+	.slide-image {
+		width: 100%;
+		height: 454upx;
+		display: block;
+	}
+
+	.swiper-box .uni-swiper-dots {
+		position: absolute;
+		margin: 0 auto !important;
+		top: 316upx;
+	}
+
+	.swiper-box .uni-swiper-dot {
+		width: 19upx;
+		display: inline-flex;
+		height: 7upx;
+		margin-right: 20upx;
+		justify-content: space-between;
+	}
+
+	.swiper-box .uni-swiper-dot::before {
+		content: '';
+		flex-grow: 1;
+		background: #e0e0e0;
+	}
+
+	.swiper-box .uni-swiper-dot-active::before {
+		background: #2f2f2f;
+		border-radius: 4upx;
+	}
+
+	.swipercontent {
+		position: relative;
+	}
+
+	.dots {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0upx;
+		display: flex;
+		justify-content: center;
+	}
+
+	.dot {
+		margin: 0 8upx;
+		width: 21upx;
+		height: 9upx;
+		background: #333;
+		border-radius: 16upx;
+	}
+
+	.dot.active {
+		width: 21upx;
+		background: #dfdfdf;
+	}
+
+	/* 结束 */
+
+	/* 内容 */
+
+
+	.introduce {
+		/* 	font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		padding: 55upx 34upx; */
+		
+		/* background: #ED7D31; */
+		margin-top: 24upx;
+		
+		background: #ED7D31;
+		color: #FFFFFF;
+
+	}
+
+	.grace-rich-text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		line-height: 45upx;
+		/* color: rgba(51, 51, 51, 1); */
+		padding: 45upx 55upx;
+	}
+
+
+
+	/* tab切换列表 */
+
+	/* 列表 */
+	.listening {
+		// background: #FFFFFF;
+		padding-bottom: 48upx;
+	}
+
+	.list {
+		margin: 0 12upx;
+		// padding-top: 31upx;
+		/* display:flex; */
+		overflow: hidden;
+		_zoom: 1;
+		// margin-bottom: 61upx;
+	}
+
+	.listcent {
+		margin-left: 66upx;
+		float: left;
+	
+		
+		
+		width: 268upx;
+		height: 245upx;
+		background: #FFFFFF;
+		border: 1upx solid #DBDBDB;
+		margin-bottom: 30upx;
+		// box-sizing: border-box;
+	}
+
+	.listPic {
+		display: block;
+		width: 268upx;
+		height: 170upx;
+		// border-radius: 10upx 10upx 0px 0px;
+	}
+
+	/*  */
+	.biaot {
+		background: #fff;
+		text-align: center;
+		
+	}
+
+	.bt {
+		font-size: 18upx;
+		line-height: 18upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: #333333;
+		padding: 16upx 0upx 8upx 0upx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+
+	}
+	.bts{
+		margin: 0 auto !important;
+	}
+	
+
+	.xianq {
+		overflow: hidden;
+		_zoom: 1;
+		margin: 0 81upx;
+	}
+
+	.text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(102, 102, 102, 1);
+		float: left;
+	}
+
+	.jt {
+		width: 14upx;
+		height: 16upx;
+		float: right;
+		display: block;
+		margin-top: 11upx;
+
+	}
+
+	.btn {
+		padding-bottom: 82upx;
+	}
+
+	.btn-cont {
+		margin: 0 155upx;
+
+		height: 70upx;
+		background: #f4f4f4;
+		/* box-shadow:3upx 5upx 134upx 7upx rgba(7,7,7,0.13); */
+		/* opacity:0.2; */
+		border-radius: 35upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 107upx;
+	}
+
+	.anli {
+		font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: rgba(102, 102, 102, 1);
+
+		line-height: 70upx;
+		float: left;
+	}
+
+	.gd {
+		width: 30upx;
+		height: 29upx;
+		float: right;
+		margin-top: 22upx;
+
+	}
+
+	.footer-cont {
+		padding: 72upx 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;
+	}
+
+
+
+	.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;
+
+	}
+
+
+
+	.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: #ED7D31;
+
+	}
+
+	.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;
+	}
+
+	.code {
+		float: right;
+	}
+
+	.codePic {
+		width: 210upx;
+		height: 210upx;
+		display: block;
+
+	}
+
+	.codetext {
+		text-align: center;
+		font-size: 16upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		line-height: 16upx;
+	}
+
+	.codetext-s {
+		color: #333333;
+	}
+
+	.codetext-a {
+		color: #ED7D31;
+	}
+
+
+
+	@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 {
+		width: 100%;
+		background: #ED7D31;
+
+
+
+	}
+
+	.businesscard {
+		height: 190upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 42upx 0 53upx;
+		display: flex;
+
+	}
+
+	.left {
+
+	}
+
+	.rights1 {
+
+		margin-top: 13upx;
+		margin-left: 10rpx;
+	}
+
+	.ri-tel {
+		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%;
+		margin-bottom: 10upx;
+		
+	}
+	.bus-cont view text {
+	   display: inline-block;
+	   height:0;
+	   width:100%  /* 换行 */
+	}
+	
+
+	
+
+	.title1 {
+		margin-top: 26upx;
+		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;
+		display: flex;
+		
+
+	}
+
+	.tel-num {
+       width: 52upx;
+	   text-align: justify;
+	}
+
+	.tel-txt {
+		letter-spacing: 6upx;
+	}
+
+	.bus-desc {
+		font-size: 20upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		line-height: 20upx;
+		color: #fff;
+		height: 20upx;
+	}
+
+	.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;
+	}
+	
+	
+
+	
+	/* 新增 */
+	/* 大标题 */
+	.cont-title {
+		// background: #FFFFFF;
+	}
+	
+	.h {
+		margin-top: 20upx;
+	}
+	
+	.dtitle {
+		overflow: hidden;
+		_zoom: 1;
+		display: flex;
+		justify-content: center;
+		margin: 0 auto;
+	}
+	
+	.title {
+		font-size: 44upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: bold;
+		color: rgba(34, 34, 34, 1);
+		padding: 0 24upx;
+		float: left;
+	}
+	
+	.limg {
+		float: left;
+		width: 35upx;
+		height: 15upx;
+		display: block;
+		margin-top: 22upx;
+	
+	}
+	
+	.ftitle {
+		margin-top: 8upx;
+		font-size: 24upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(51, 51, 51, 1);
+		text-align: center;
+	}
+	
+	.weiixn-gzh{
+		width: 176upx;
+		height: 44upx;
+		background: #ED7D31;
+		border-radius: 6upx;
+		font-size: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #FFFFFF;
+		line-height: 44upx;
+		text-align: center;
+		margin: 0 auto;
+		margin-bottom: 28upx;
+	}
+	
+	.weiixn-gzhs{
+		width: 236upx;
+		height: 44upx;
+		background: #ED7D31;
+		border-radius: 6upx;
+		font-size: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #FFFFFF;
+		line-height: 44upx;
+		text-align: center;
+		margin: 0 auto;
+		margin-top: 34upx;
+		margin-bottom: 28upx;
+	}
+	
+	/* 公众号列表 */
+	.content{
+		background: #FFFFFF;
+		// padding-bottom:60upx ;
+	}
+	
+	.content-list{
+		// padding: 0 30upx;
+
+		
+	}
+	.content-cont{
+		overflow: hidden;
+		_zoom:1;
+	}
+	.list-ul{
+		float: left;
+		margin-left: 38upx;
+	}
+	.list-li{
+		width: 140upx;
+		margin-bottom: 40upx;
+	}
+	
+	.list-pic{
+		image{
+			width: 140upx;
+			height: 140upx;
+			// background: #A22D26;
+			border-radius: 70upx;
+			display: block;
+		}
+	}
+	.list-title{
+		font-size: 18upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #333333;
+		// line-height: 18upx;
+		text-align: center;
+		margin: 14upx 0 8upx 0;
+		overflow: hidden;
+		text-overflow:ellipsis;
+		white-space: nowrap;
+		
+	}
+	.list-desc{
+	
+		width: 96upx;
+		height: 26upx;
+		border: 1upx solid rgba(189, 194, 196, 0.99);
+		border-radius: 2upx;
+		font-size: 12upx;
+		text-align: center;
+		line-height: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: #333333;
+		margin: 0 36upx;
+		box-sizing: border-box;
+		    -webkit-text-size-adjust: 100%;
+
+	
+	}
+	
+	
+	.ljgd{
+		width: 212upx;
+		height: 43upx;
+		border: 1upx solid #DD2B2E;
+		border-radius: 3upx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin: 0 auto;
+		
+		.ljgd-pic{
+			image{
+				width: 30upx;
+				height: 30upx;
+				display: block;
+				margin-right: 12upx;
+			}
+			
+		}
+		.ljgd-text{
+			line-height: 20upx;
+			font-size: 20upx;
+			font-family: Microsoft YaHei;
+			font-weight: bold;
+			color: #444444;
+		}
+	}
+	
+	.lic{
+		width: 173upx;
+		height: 35upx;
+		border: 1upx solid #DD2B2E;
+		border-radius: 3px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		// margin: 0 auto;
+		margin-top: 14upx;
+		
+		.ljgd-pic{
+			image{
+				width: 27upx;
+				height: 27upx;
+				display: block;
+				margin-right: 12upx;
+			}
+			
+		}
+		.ljgd-text{
+			line-height: 16upx;
+			font-size: 16upx;
+			font-family: Microsoft YaHei;
+			font-weight: bold;
+			color: #444444;
+		}
+	}
+	
+	
+	
+	.lin1{
+		margin-top: 38upx;
+	}
+	.lin2{
+		margin-top: 60upx;
+	}
+	
+	.links{
+		margin-top: 8upx;
+	}
+	
+	
+	
+	.mark {
+		position: fixed;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.5);
+		z-index: 9999999;
+	}
+	
+	.mark-content {
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		margin: auto;
+		z-index: 9;
+		width: 500upx;
+		height: 500upx;
+		background: #FFFFFF;
+		border-radius: 16upx;
+	}
+	
+	.mark-relative {
+		position: relative;
+	}
+	
+	.mark-del {
+		width: 30upx;
+		height: 30upx;
+		display: block;
+		position: absolute;
+		right: 0;
+		padding: 22upx 20upx 0 0;
+	}
+	
+	.qercode{
+		width: 320upx;
+		height: 320upx;
+		display: block;
+	    margin: 0 auto;
+		padding-top: 90upx;
+	}
+</style>

pages/content/Wemedia/Wemedia.vue

@@ -0,0 +1,1462 @@
+<template>
+	<view class="bg">
+		<!-- 轮播 -->
+		<view class="swipercontent ">
+			<view class='swiper-img'>
+				<image :src="config.matrix_pic" class="slide-image" mode="widthFix" />
+			</view>
+		</view>
+		<!--内容区域  -->
+		<view class="content">
+			<view class="cont-title">
+				<view class="dtitle">
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+					<view class="title" style="margin-top: 72upx;">
+						读道自媒体是谁？
+					</view>
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+				</view>
+				<view class="ftitle">
+					自媒体简介（We-Media Profile）
+				</view>
+				<view class="introduce">
+					<view class="grace-rich-text">
+						<rich-text class="richtext" :nodes='config.matrix_desc'></rich-text>
+					</view>
+				</view>
+
+				<image src="../../../static/images/zft.png" class="slide-images" />
+			</view>
+
+			<view class="cont-title ">
+				<view class="dtitle" style="margin-top: 40upx;">
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+					<view class="title">
+						读道自媒体都有什么？
+					</view>
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+				</view>
+				<view class="ftitle">
+					<!-- 自媒体资源（ {{typeContent[1].num}} 个微信公众号 {{typeContent[2].num}} 个头条号） -->
+				</view>
+			</view>
+
+			<view class="content-list" v-for="(item, index) in typeContent" :key="index">
+				<view class="weiixn-gzh " :class="'lin'+index">{{item.name}}</view>
+
+				<view class="content-cont">
+
+					<view class="list-ul" v-for="(items, indexs) in item.data" :key="indexs"
+						@tap="weJump(items.ercode,items.link)">
+						<view class="list-li">
+							<view class="list-pic">
+								<image :src="items.pic" mode=""></image>
+							</view>
+							<view class="list-title">{{items.name}}</view>
+							<view class="list-desc">点击了解详情</view>
+
+						</view>
+					</view>
+				</view>
+				<view class="ljgd links" @tap="tiaozhuan(index)">
+					<view class="ljgd-pic">
+						<image src="../../../static/images/gd.gif" mode=""></image>
+					</view>
+					<view class="ljgd-text" v-if="index == 1">了解更多公众号</view>
+					
+					<view class="ljgd-text" v-if="index == 2">了解更多头条号</view>
+				</view>
+			</view>
+
+		</view>
+
+
+		<view class="" style="background: #f5f5f5;">
+			<view class="cont-title ">
+				<view class="dtitle" style="padding-top: 52upx;">
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+					<view class="title">
+						读道自媒体做过什么？
+					</view>
+					<!-- <image class="limg" src="../../../static/images/ling.png" mode=""></image> -->
+				</view>
+				<view class="ftitle">
+					案例解读（Case Interpretation）
+				</view>
+			</view>
+			<view class="weiixn-gzh  weiixn-gzhs">培训峰会经典案例</view>
+			<!-- </view> -->
+			<view class='listening'>
+				<!-- listCase -->
+				<!-- <scroll-view class="list" scroll-x="true" :current="currentTab" :scroll-left="navScrollLeft"  scroll-with-animation="true"  @tap="switchNav($event)">	 -->
+				<view class="list">
+					<!-- <swiper style="height:550px" :current="currentTab"  circular="true"  @change="switchTab"> -->
+					<view class="listcent" v-for="(item, index) in listCase" :key="index">
+						<!-- <swiper-item >	 -->
+						<!--  -->
+						<view @tap="list($event)" :data-id="item.id">
+							<image class="listPic" :src="item.pic" mode=""></image>
+							<view class="biaot">
+								<view class="bt">{{item.name}}</view>
+								<view class="list-desc bts">点击了解详情</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="ljgd lic" @tap="meeting">
+					<view class="ljgd-pic">
+						<image src="../../../static/images/gd.gif" mode=""></image>
+					</view>
+					<view class="ljgd-text">了解更多案例</view>
+				</view>
+			</view>
+		</view>
+
+
+
+		<view class="footer">
+			<view class="footer-cont">
+				<view class="footer-btn">
+
+					<view class="btn-title">
+						<label class="btn-title-sz"> {{configbut_name0}}</label>
+						<label class="btn-title-sz1"> {{configbut_name1}}</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_i.png" mode=""></image>
+						<view class="logo-text">
+							<text v-for="(item, index) in config.account" :key="index">{{item}}</text>
+						</view>
+					</view>
+
+					<view class="code">
+						<image class="codePic" :src="catePic" 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">
+					<image class="pic" :src="config.tel_pic" mode=""></image>
+					<view class="cont">
+						<view class="bus-cont">
+							<view class="title1">{{config.but_count}} <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="tel">
+								<label class="tel-num">座&ensp;机:</label>
+								<label class="tel-txt">{{config.tel}}</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>
+
+		<view class="mark" v-show="isShow">
+			<view class="mark-content">
+				<view class="mark-relative">
+					<!--  41upx -->
+					<!-- <image class="mark-dj" :style="{'left':Ju+'rpx'}" src="../../static/images/dj.png" mode=""></image> -->
+					<image class="mark-del" @tap="cancat" src="../../../static/images/del.png" mode=""></image>
+					<view class="mark-relatives">
+						<image class="qercode" :src="ercode" mode=""></image>
+
+					</view>
+				</view>
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+		var graceRichText = require("../../../components/richText.js");
+		import share from '../../../components/share2.js'
+		
+
+		//#ifdef H5
+		   import jquery from '@/components/h5Shsre/jquery-3.5.1.min.js';
+			var jweixin = require('jweixin-module')
+			import Dever_Share from '@/components/h5Shsre/share.js';
+			//#endif
+
+	export default {
+		data() {
+			return {
+				swiperCurrent: 0,
+				pic: [],
+				top: '',
+				tabnum: 4,
+				currentTab: 0, //预设当前项的值
+				navScrollLeft: 0,
+				currentTabs: 0,
+				scrollLeft: 0, //tab标题的滚动条位置
+				scrollTop: 0,
+				account: [],
+				phine: '',
+				cate: [],
+				listCase: [],
+				cateid: '',
+				desc: '',
+				id: '',
+				catePic: '',
+				shares: '',
+				config: '',
+				type: '',
+				poster: '',
+				wechat: '',
+
+
+				typeContent: [],
+
+				isShow: false,
+				ercode: '',
+				
+				configbut_name0:'',
+				configbut_name1:''
+
+			}
+		},
+		onLoad(e) {
+			
+			// uni.hideShareMenu()
+			var that = this;
+			if (e) {
+				that.type = e.type
+				that.id = e.id
+			}
+			this.swiperChange = function(event) {
+				var that = this;
+				this.swiperCurrent = event.detail.current;
+			}
+
+			wx.loadFontFace({
+				family: 'MFJinHei',
+				source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/MFJinHei_Noncommercial-Regular1.ttf")',
+				success: console.log
+			})
+
+			wx.getSystemInfo({
+				success: (res) => {
+					that.pixelRatio = res.pixelRatio,
+						that.windowHeight = res.windowHeight,
+						that.windowWidth = res.windowWidth
+				}
+			})
+			
+			this.getap()
+			this.share()
+
+		},
+
+		onShow() {
+			
+			// this.con_list()
+		},
+
+		
+		onShareAppMessage(e) {
+
+			var that = this;
+			console.log(111, e)
+			var scene = uni.getStorageSync('scene', scene);
+			return share.share('/pages/taBbar/Home/Home?id=' + this.config.id,
+				this.shares.home_name, this.shares.home_pic, 9)
+		},
+		
+		methods: {
+
+			ThePublicNumber() {
+				uni.navigateTo({
+					url: '../../content/ThePublicNumber/ThePublicNumber'
+				})
+			},
+
+			share() {
+				var that = this;
+				var params = new Object()
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.share',
+					url: this.host + 'api.share',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						that.shares = res.data.data
+						// //#ifdef H5
+						
+						// let button = false;
+						// let uid = -1;
+						// let project = 111;
+						// let url = "http://cm.5dev.cn/wechat/share/?api.";
+						// let param = {
+						// 	title: '11111111111111',
+						// 	img: res.data.data.home_pic,
+						// 	desc: '222222222222',
+						// 	url: window.location.href
+						// };
+						// // console.log(89897, param);
+						// Dever_Share.Init(uid, project, url, param, button);
+						// //#endif
+					}
+				})
+			},
+			getap() {
+				var that = this;
+				var params = new Object()
+				uni.showLoading({
+					title: '加载中'
+				});
+				uni.request({
+					url: that.host + 'api.getMediaHome',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+
+						console.log(444444, res)
+
+						that.typeContent = res.data.data.type;
+						that.pic = res.data.data.config.pic.split(",")
+						that.top = res.data.data.config.top
+						that.config = res.data.data.config
+						that.account = res.data.data.config.account
+						that.catePic = res.data.data.config.code
+						
+						
+						that.configbut_name0 = res.data.data.config.but_name[0];
+						that.configbut_name1 = res.data.data.config.but_name[0]
+						
+						that.listCase = res.data.data.case
+						uni.hideLoading();
+						uni.hideNavigationBarLoading();
+						uni.stopPullDownRefresh(); //得到数据后停止下拉刷新	
+						var mob = res.data.data.config.phone;
+						that.phine = mob.replace(/(\d{3})(\d{4})/, "$1  $2  ");
+					}
+				})
+			},
+
+
+			weJump(ercode, link) {
+				if (link == '' && ercode != '') {
+					this.ercode = ercode
+					this.isShow = true;
+				} else if (link == '' && ercode == '') {
+
+					// return;
+				} else {
+					//#ifdef H5
+					window.location.href = link;
+					//#endif
+				}
+
+
+			},
+
+			cancat() {
+				this.isShow = false;
+			},
+
+
+			cateList() {
+				var that = this;
+				console.log(111136, that.cateid)
+				uni.navigateTo({
+					url: '../../content/List/List?cateid=' + that.cateid
+				})
+			},
+			
+
+			tel() {
+				var that = this;
+				uni.makePhoneCall({
+					phoneNumber: that.phine
+				});
+			},
+			
+			
+			
+			tiaozhuan(e){
+				console.log(111111,e)
+				if(e== 1){
+					uni.navigateTo({
+						url:'../MediaList/MediaList'
+					})
+				}else if(e == 2){
+					uni.navigateTo({
+						url:'../TouTiao/TouTiao'
+					})
+				}
+				
+			},
+			meeting(){
+				uni.navigateTo({
+					url:'../Meeting/Meeting'
+				})
+			},
+			
+			list(event) {
+				// event.currentTarget.dataset.id
+				// console.log(22222,event.currentTarget.dataset.id)
+				var id = event.currentTarget.dataset.id
+				uni.navigateTo({
+					url: '../../content/List-dl/List-dl?id=' + id
+				})
+			},
+
+
+		}
+	}
+</script>
+
+<style lang="less">
+	body {
+		font-size: 6px;
+	}
+
+	/* <image class="weiixn-pic1" class="" src="../../../static/images/dud.jpg" mode=""></image> */
+	/* <image class="weiixn-pic2" src="../../../static/images/w.jpg" mode=""></image> */
+
+	.weiixn {
+		overflow: hidden;
+		_zoom: 1;
+		padding: 20rpx 0rpx;
+		background: #FFFFFF;
+	}
+
+	.weiixn-pic1 {
+		float: left;
+		width: 375rpx;
+		height: auto;
+		display: block;
+	}
+
+	.weiixn-pic2 {
+		float: right;
+		width: 375rpx;
+		height: auto;
+		display: block;
+	}
+
+	.bg {
+		// background: #f7f7f7;
+	}
+
+	/* 轮播自定义样式 */
+	.swipercontent {
+		position: relative;
+	}
+
+	.swiper-box {
+		background: #fff;
+	}
+
+	.slide-image {
+		width: 100%;
+		height: 454upx;
+		display: block;
+	}
+
+	.slide-images {
+		width: 100%;
+		height: 675upx;
+		display: block;
+	}
+
+	.swiper-box .uni-swiper-dots {
+		position: absolute;
+		margin: 0 auto !important;
+		top: 316upx;
+	}
+
+	.swiper-box .uni-swiper-dot {
+		width: 19upx;
+		display: inline-flex;
+		height: 7upx;
+		margin-right: 20upx;
+		justify-content: space-between;
+	}
+
+	.swiper-box .uni-swiper-dot::before {
+		content: '';
+		flex-grow: 1;
+		background: #e0e0e0;
+	}
+
+	.swiper-box .uni-swiper-dot-active::before {
+		background: #2f2f2f;
+		border-radius: 4upx;
+	}
+
+	.swipercontent {
+		position: relative;
+	}
+
+	.dots {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0upx;
+		display: flex;
+		justify-content: center;
+	}
+
+	.dot {
+		margin: 0 8upx;
+		width: 21upx;
+		height: 9upx;
+		background: #333;
+		border-radius: 16upx;
+	}
+
+	.dot.active {
+		width: 21upx;
+		background: #dfdfdf;
+	}
+
+	/* 结束 */
+
+	/* 内容 */
+
+
+	.introduce {
+		/* 	font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		padding: 55upx 34upx; */
+
+		/* background: #ED7D31; */
+		margin-top: 24upx;
+
+		background: #ED7D31;
+		color: #FFFFFF;
+
+	}
+
+	.grace-rich-text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		line-height: 45upx;
+		/* color: rgba(51, 51, 51, 1); */
+		padding: 45upx 55upx;
+	}
+
+
+
+	/* tab切换列表 */
+
+	/* 列表 */
+	.listening {
+		// background: #FFFFFF;
+		padding-bottom: 48upx;
+	}
+
+	.list {
+		margin: 0 12upx;
+		// padding-top: 31upx;
+		/* display:flex; */
+		overflow: hidden;
+		_zoom: 1;
+		// margin-bottom: 61upx;
+	}
+
+	.listcent {
+		margin-left: 66upx;
+		float: left;
+
+
+
+		width: 268upx;
+		height: 245upx;
+		background: #FFFFFF;
+		border: 1upx solid #DBDBDB;
+		margin-bottom: 30upx;
+		// box-sizing: border-box;
+	}
+
+	.listPic {
+		display: block;
+		width: 268upx;
+		height: 170upx;
+		// border-radius: 10upx 10upx 0px 0px;
+	}
+
+	/*  */
+	.biaot {
+		background: #fff;
+		text-align: center;
+
+	}
+
+	.bt {
+		font-size: 18upx;
+		line-height: 18upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: #333333;
+		padding: 16upx 0upx 8upx 0upx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+
+	}
+
+	.bts {
+		margin: 0 62rpx !important;
+	}
+
+
+	.xianq {
+		overflow: hidden;
+		_zoom: 1;
+		margin: 0 81upx;
+	}
+
+	.text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(102, 102, 102, 1);
+		float: left;
+	}
+
+	.jt {
+		width: 14upx;
+		height: 16upx;
+		float: right;
+		display: block;
+		margin-top: 11upx;
+
+	}
+
+	.btn {
+		padding-bottom: 82upx;
+	}
+
+	.btn-cont {
+		margin: 0 155upx;
+
+		height: 70upx;
+		background: #f4f4f4;
+		/* box-shadow:3upx 5upx 134upx 7upx rgba(7,7,7,0.13); */
+		/* opacity:0.2; */
+		border-radius: 35upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 107upx;
+	}
+
+	.anli {
+		font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: rgba(102, 102, 102, 1);
+
+		line-height: 70upx;
+		float: left;
+	}
+
+	.gd {
+		width: 30upx;
+		height: 29upx;
+		float: right;
+		margin-top: 22upx;
+
+	}
+
+	.footer-cont {
+		padding: 72upx 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;
+	}
+
+
+
+	.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;
+
+	}
+
+
+
+	.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: #ED7D31;
+
+	}
+
+	.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;
+	}
+
+	.code {
+		float: right;
+	}
+
+	.codePic {
+		width: 210upx;
+		height: 210upx;
+		display: block;
+
+	}
+
+	.codetext {
+		text-align: center;
+		font-size: 16upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		line-height: 16upx;
+	}
+
+	.codetext-s {
+		color: #333333;
+	}
+
+	.codetext-a {
+		color: #ED7D31;
+	}
+
+
+
+	@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 {
+		width: 100%;
+		background: #ED7D31;
+
+
+
+	}
+
+	.businesscard {
+		height: 190upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 42upx 0 53upx;
+		display: flex;
+
+	}
+
+	.left {}
+
+	.rights1 {
+
+		margin-top: 13upx;
+		margin-left: 10rpx;
+	}
+
+	.ri-tel {
+		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%;
+		margin-bottom: 10upx;
+
+	}
+
+	.bus-cont view text {
+		display: inline-block;
+		height: 0;
+		width: 100%
+			/* 换行 */
+	}
+
+
+
+
+	.title1 {
+		margin-top: 26upx;
+		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;
+		display: flex;
+
+
+	}
+
+	.tel-num {
+		width: 52upx;
+		text-align: justify;
+	}
+
+	.tel-txt {
+		letter-spacing: 6upx;
+	}
+
+	.bus-desc {
+		font-size: 20upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		line-height: 20upx;
+		color: #fff;
+		height: 20upx;
+	}
+
+	.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;
+	}
+
+
+
+
+	/* 新增 */
+	/* 大标题 */
+	.cont-title {
+		// background: #FFFFFF;
+	}
+
+	.h {
+		margin-top: 20upx;
+	}
+
+	.dtitle {
+		overflow: hidden;
+		_zoom: 1;
+		display: flex;
+		justify-content: center;
+		margin: 0 auto;
+	}
+
+	.title {
+		font-size: 44upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: bold;
+		color: rgba(34, 34, 34, 1);
+		padding: 0 24upx;
+		float: left;
+	}
+
+	.limg {
+		float: left;
+		width: 35upx;
+		height: 15upx;
+		display: block;
+		margin-top: 22upx;
+
+	}
+
+	.ftitle {
+		margin-top: 8upx;
+		font-size: 24upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(51, 51, 51, 1);
+		text-align: center;
+	}
+
+	.weiixn-gzh {
+		width: 176upx;
+		height: 44upx;
+		background: #ED7D31;
+		border-radius: 6upx;
+		font-size: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #FFFFFF;
+		line-height: 44upx;
+		text-align: center;
+		margin: 0 auto;
+		margin-bottom: 28upx;
+	}
+
+	.weiixn-gzhs {
+		width: 236upx;
+		height: 44upx;
+		background: #ED7D31;
+		border-radius: 6upx;
+		font-size: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #FFFFFF;
+		line-height: 44upx;
+		text-align: center;
+		margin: 0 auto;
+		margin-top: 34upx;
+		margin-bottom: 28upx;
+	}
+
+	/* 公众号列表 */
+	.content {
+		background: #FFFFFF;
+		padding-bottom: 60upx;
+	}
+
+	.content-list {
+		padding: 0 30upx;
+
+
+	}
+
+	.content-cont {
+		overflow: hidden;
+		_zoom: 1;
+	}
+
+	.list-ul {
+		float: left;
+		margin-left: 44upx;
+	}
+
+	.list-li {
+		width: 170upx;
+		margin-bottom: 40upx;
+	}
+
+	.list-pic {
+		image {
+			width: 170upx;
+			height: 170upx;
+			// background: #A22D26;
+			border-radius: 85upx;
+			display: block;
+		}
+	}
+
+	.list-title {
+		font-size: 18upx;
+		font-family: Source Han Sans CN;
+		font-weight: bold;
+		color: #333333;
+		// line-height: 18upx;
+		text-align: center;
+		margin: 14upx 0 8upx 0;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.list-desc {
+
+		// width: 106upx;
+		height: 26upx;
+		// padding: 6upx 8upx;
+		border: 1upx solid rgba(189, 194, 196, 0.99);
+		border-radius: 2upx;
+		font-size: 12upx;
+		text-align: center;
+		line-height: 26upx;
+		font-family: Source Han Sans CN;
+		font-weight: 400;
+		color: #333333;
+		margin: 0 26upx;
+		box-sizing: border-box;
+		-webkit-text-size-adjust: 100%;
+
+
+	}
+
+
+	.ljgd {
+		width: 212upx;
+		height: 43upx;
+		border: 1upx solid #DD2B2E;
+		box-sizing: border-box;
+		border-radius: 3upx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin: 0 auto;
+
+		.ljgd-pic {
+			image {
+				width: 30upx;
+				height: 30upx;
+				display: block;
+				margin-right: 12upx;
+			}
+
+		}
+
+		.ljgd-text {
+			line-height: 43upx;
+			font-size: 20upx;
+			font-family: Microsoft YaHei;
+			font-weight: bold;
+			color: #444444;
+		}
+	}
+
+	.lic {
+		width: 173upx;
+		height: 35upx;
+		border: 1upx solid #DD2B2E;
+		border-radius: 3px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		// margin: 0 auto;
+		margin-top: 14upx;
+
+		.ljgd-pic {
+			image {
+				width: 27upx;
+				height: 27upx;
+				display: block;
+				margin-right: 12upx;
+			}
+
+		}
+
+		.ljgd-text {
+			line-height: 16upx;
+			font-size: 16upx;
+			font-family: Microsoft YaHei;
+			font-weight: bold;
+			color: #444444;
+		}
+	}
+
+
+
+	.lin1 {
+		margin-top: 38upx;
+	}
+
+	.lin2 {
+		margin-top: 60upx;
+	}
+
+	.links {
+		margin-top: 8upx;
+	}
+
+
+
+
+
+
+	.mark {
+		position: fixed;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.5);
+		z-index: 9999999;
+	}
+
+	.mark-content {
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		margin: auto;
+		z-index: 9;
+		width: 500upx;
+		height: 500upx;
+		background: #FFFFFF;
+		border-radius: 16upx;
+	}
+
+	.mark-relative {
+		position: relative;
+	}
+
+	.mark-del {
+		width: 30upx;
+		height: 30upx;
+		display: block;
+		position: absolute;
+		right: 0;
+		padding: 22upx 20upx 0 0;
+	}
+
+
+	.qercode {
+		width: 320upx;
+		height: 320upx;
+		display: block;
+		margin: 0 auto;
+		padding-top: 90upx;
+	}
+</style>

pages/content/ceshi/ceshi.vue

@@ -0,0 +1,63 @@
+<template>
+	<view class="ceshi">
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		测试
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="less">
+  .ceshi{
+	  font-size: 36upx;
+	  line-height: 160upx;
+  }
+</style>

pages/content/youzan/youzan.vue

@@ -0,0 +1,23 @@
+<template>
+	<view>
+		        <web-view :webview-styles="webviewStyles" src="https://shop14880903.m.youzan.com/wscgoods/detail/3emqyugxwahzj?alias=3emqyugxwahzj&banner_id=f.79122392~image_ad.6~1~F4ura53u&reft=1587103807393&spm=f.79122392&sf=wx_sm&is_share=1&share_cmpt=native_wechat&from_uuid=feb2a45f-6d2e-e29d-d3f7-6799693531db"></web-view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+			  	
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/taBbar/Contact/Contact.vue

@@ -0,0 +1,840 @@
+<template>
+	<view>
+		<scroll-view scroll-y="true" :scroll-top="scrollTop" @scroll="scrollTopFun" :scroll-into-view="jump" class='styleheight'
+		 :croll-top="scrollTop">
+			<!--  styleheight   class=""-->
+			<image class="banner" :src="toppic" mode="widthFix"></image>
+
+
+
+			<view class='contact_d'>
+				<rich-text class="richtext" :nodes='effectPic'></rich-text>
+				<!-- 	<import src="../../wxParse/wxParse.wxml" />
+				<view style="display:block;">
+					<template is="wxParse" data="{{wxParseData:conten_text.nodes}}" />
+				</view> -->
+			</view>
+			<!-- swiper -->
+			<form @submit="formBindsubmit" @reset="dsubmit">
+				<view class='form'>
+					<view class="section">
+						<picker @change="mySelect" :value="index" :range="cooper" :data-type="cooperation1" name="cooperation1">
+							<image class='images' src='../../../static/images/switch-2.png'></image>
+							<!-- wx:if="{{picker?'{{firstPerson}}':'{{cooper[index]}}'}}" -->
+							<view class="picker">
+								<view class='color'>{{firstPerson}}</view>
+								<view class='cooper'>{{cooper[index]}}</view>
+							</view>
+						</picker>
+					</view>
+
+
+					<view class='user username'>
+						<image class='images_user' src='../../../static/images/user.png'></image>
+						<input name="name" :data-names="names" class='inpu_t ' :value="name" type='text' :placeholder="placeholder1"
+						 placeholder-class="phcolor"></input>
+						<!-- 	<view class=' nput' wx:if="{{tis?'nput':''}}">
+							<view class='nput_l'>{{tis}}</view>
+						</view> -->
+					</view>
+
+					<view class='user phone'>
+						<image class='images_user' src='../../../static/images/datl.png'></image>
+						<input name="phone" :data-phones="phones" class='inpu_t' :value="phone" type='text' :placeholder="placeholder2"
+						 placeholder-class="phcolor"></input>
+						<!-- <view class=' nput' wx:if="{{tid?'nput':''}}">
+							<view class='nput_l'>{{tid}}</view>
+						</view> -->
+					</view>
+
+					<view class='user address'>
+						<image class='images_user' src='../../../static/images/address.png'></image>
+						<input name="address" class='inpu_t' :value="address" type='text' :placeholder="placeholder3" placeholder-class="phcolor"></input>
+						<!-- 	<view class=' nput' wx:if="{{tif?'nput':''}}">
+							<view class='nput_l'>{{tif}}</view>
+						</view> -->
+
+					</view>
+
+					<view class="masklayer" v-show="iSshow">
+						<image class='prosperit_y' src='../../../static/images/prosperity.png'></image>
+						<view class="presen_t">信息提交成功</view>
+						<view class='xinxi_t'>我们会在1-2个工作日内给您回复,</view>
+						<view class='xinxi_t'>请注意接听。</view>
+					</view>
+					<button form-type="submit" class='button' hover-class="none" id="wengao" type="primary">提交</button>
+				</view>
+			</form>
+			<!-- 
+<view class='biaoshi'>
+  <image class='form_img' src='/images/form_img.png'></image>
+</view> -->
+
+
+
+			<!--悬浮框  jump: 'wengao',-->
+			<!-- style="display:{{viewButton ? 'block' : 'none'}}" -->
+
+			<view class='suspension' :style="{display:viewButton ? 'block' : 'none'}">
+				<view>
+					<view class='affairs' @tap="jump1">
+						<view class='text-s'>
+							商务合作
+						</view>
+					</view>
+					<view class='contact'>
+						<!--  wx:if="{{ showhide ?'true':''}}" -->
+						<!-- <button class='clickbtn' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button> -->
+						<view class='text_d' @tap="dial">
+							立即联系
+						</view>
+					</view>
+				</view>
+			</view>
+
+		</scroll-view>
+
+	</view>
+</template>
+
+<script>
+	var graceRichText = require("../../../components/richText.js");
+	var height = 700;
+	export default {
+
+
+		data() {
+			return {
+				pageData: [],
+				banner1: '',
+
+				cooperation1: [],
+				selectPerson: true,
+				firstPerson: '请选择合作意向',
+				selectArea: false,
+				color: '#000',
+				showView: false,
+				hideView: true,
+				forminfo: '',
+				name: '',
+				phone: '',
+				address: '',
+				// cooperation:'',
+				cooper: [],
+
+
+				plan: 'default',
+				height: '700',
+				viewButton: true,
+				placeholder1: '请输入姓名',
+				placeholder2: '请输入联系方式',
+				placeholder3: '请输入所在地',
+				toppic: '',
+
+				showhide: false,
+				scrollTop: 0,
+				effectPic: '',
+				index: '',
+				iSshow: false,
+				jump: '',
+				telephone: ''
+			}
+		},
+		onLoad() {
+			this.getap()
+			this.getaps()
+		},
+		methods: {
+			
+
+			getap() {
+				var that = this;
+				var params = new Object()
+				params.appid = uni.getStorageSync('appid')
+				uni.showLoading({
+					title: '加载中'
+				});
+				uni.request({
+					url: 'https://cm.5dev.cn/applet_on/content/v1/contact.view_news',
+					
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						uni.hideLoading();
+						var cooperation = res.data.data.cooperation;
+						var cooper = [];
+						for (var i in cooperation) {
+							cooper[i] = cooperation[i]['name'];
+						}
+						console.log(222, res.data.data.contact.tel.phone)
+						that.cooperation1 = res.data.data.cooperation,
+							that.cooper = cooper,
+							
+						that.telephone = res.data.data.contact.tel.phone
+						// that.toppic = res.data.data.contact.top
+						// that.effectPic = graceRichText.format(res.data.data.contact.content)
+
+					}
+				})
+			},
+			getaps() {
+				var that = this;
+				var params = new Object()
+				// params.appid = uni.getStorageSync('appid')
+				// uni.showLoading({
+				// 	title: '加载中'
+				// });
+				uni.request({
+					url: 'https://trade.5dev.cn/dudaowenlv/content/?api.config_news',
+					
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						console.log(3333333,res)
+						that.toppic = res.data.data.top
+						that.effectPic = graceRichText.format(res.data.data.content)
+						uni.hideLoading();
+			
+					}
+				})
+			},
+			mySelect(e) {
+
+				var that = this;
+				console.log(9999, e)
+				that.firstPerson = '',
+					that.cooperations = that.cooperation1[e.detail.value]['id'],
+					that.index = e.detail.value
+				// })
+			},
+			// 表单验证
+			formBindsubmit(e) {
+
+
+				var that = this;
+
+				console.log(7777, e)
+				// return
+				console.log(8888, that.cooperations)
+				// return
+				// 手机号
+				var ph = /^1[34578]\d{9}$/;
+				var mb = /^(0[0-9]{2,3}\-)([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/;
+				// 姓名
+				if (!that.cooperations) {
+					uni.showToast({
+						title: '提示：请选择合作意向！',
+						icon: 'none',
+						duration: 1000
+					})
+					return
+				} else {
+
+				}
+				if (e.detail.value.name.length == 0) {
+					uni.showToast({
+						title: '提示：请输入姓名！',
+						icon: 'none',
+						duration: 1000
+					})
+					return
+				} else {
+
+				};
+				// 手机号
+				if (e.detail.value.phone.length == 0) {
+					uni.showToast({
+						title: '提示：请输入电话或者手机号！',
+						icon: 'none',
+						duration: 1000
+					})
+
+					return
+				} else if (!ph.test(e.detail.value.phone) && !mb.test(e.detail.value.phone)) {
+					uni.showToast({
+						title: '*电话格式有误，请重新输入',
+						icon: 'none',
+						duration: 1000
+					})
+
+					return
+				} else {
+
+				};
+				// 地址
+				if (e.detail.value.address.length == 0) {
+					uni.showToast({
+						title: '提示：请输入所在地！',
+						icon: 'none',
+						duration: 1000
+					})
+					return
+				} else {
+
+				};
+				//  &&  
+				// if (e.detail.value.name && e.detail.value.phone && e.detail.value.address && that.cooperations != 0) {
+				// if (ph.test(e.detail.value.phone) && mb.test(e.detail.value.phone) != true) {
+				that.iSshow = true
+				var params = new Object()
+				params.appid = uni.getStorageSync('appid')
+				params.name = e.detail.value.name,
+					params.phone = e.detail.value.phone,
+					params.address = e.detail.value.address,
+					params.cooperation = that.cooperations,
+					// console.log(111111, that.data.cooperation)
+
+					console.log(1111, that.forminfo)
+				console.log(3333, that.name = e.detail.value.name)
+				console.log(4444, that.phone = e.detail.value.phone)
+				console.log(5555, that.address = e.detail.value.address)
+				that.name = e.detail.value.name
+				that.phone = e.detail.value.phone
+				that.address = e.detail.value.address
+
+				// return
+
+				uni.request({
+					url: 'https://cm.5dev.cn/applet_on/content/v1/contact.submit',
+					// url: this.host + 'l=api.desc',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						console.log(99999, that.forminfo)
+						that.name = ''
+						that.phone = ''
+						that.address = ''
+						that.firstPerson = '请选择合作意向',
+							that.index = '',
+							that.cooperations = ''
+
+						setTimeout(function() {
+							that.iSshow = false
+						}, 3000);
+					}
+				})
+
+			},
+			dial() {
+				var that = this;
+				uni.makePhoneCall({
+					phoneNumber: that.telephone
+				});
+			},
+			// 点击跳转
+			jump1() {
+
+				// this.setData({
+				this.jump = 'wengao'
+				// })
+
+			},
+			// 距离底部隐藏
+			scrollTopFun(e) {
+				console.log(22222, e)
+				var h = height;
+				console.log(9999, e.detail.scrollTop + h)
+				// this.setData({
+				//   showView: ''
+				// })
+				var that = this;
+				// var h = height;
+				if (e.detail.scrollTop + h >= e.detail.scrollHeight) {
+					if (that.viewButton == true) {
+						// this.setData({
+						that.viewButton = false
+						that.jump = ''
+						// })
+					}
+				} else {
+					if (that.viewButton == false) {
+						// this.setData({
+						that.jump = ''
+						that.viewButton = true
+						// })
+					}
+				}
+			},
+		}
+	}
+</script>
+
+<style>
+	/* @import "/wxParse/wxParse.wxss";  */
+
+
+	.styleheight {
+		height: 610px;
+	}
+
+
+	.banner {
+		width: 100%;
+
+		margin-bottom: 80upx;
+	}
+
+	.banner1 {
+
+		position: absolute;
+		left: 0;
+		top: 455upx;
+		width: 631upx;
+		height: 276upx;
+		z-index: 9999;
+	}
+
+	.banner1_t {
+		width: 631upx;
+		height: 276upx;
+		margin-left: 84upx;
+	}
+
+	.introduce {
+		margin-left: 84upx;
+		margin-bottom: 120upx;
+		margin-top: -110upx;
+		/* clear: both; */
+	}
+
+	.intr_left {
+		height: 470upx;
+		width: 578upx;
+
+		box-shadow: -1px 7px 20px #ccc;
+		float: left;
+		overflow: hidden;
+
+	}
+
+	.intr_text {
+		padding-left: 40upx;
+		padding-right: 40upx;
+		/* height: 470upx; 
+  width: 578upx;  Thisisasmallprogram
+
+ */
+		padding-top: 40upx;
+		font-size: 30upx;
+		color: rgb(25, 25, 25);
+		/* text-indent: 60upx;  */
+		overflow: hidden;
+	}
+
+	.intr_right {
+		width: 88upx;
+		height: 470upx;
+		background: #5397e4;
+
+		margin-left: 578upx;
+		/* margin-left:  */
+		/* float: left;  */
+		/* position: absolute;
+      top: 462upx;  
+    right: 0;  */
+
+	}
+
+
+
+
+
+
+	/*下拉框  */
+
+	.select {
+		margin-bottom: 20upx;
+	}
+
+	.phone_one {
+		display: flex;
+		position: relative;
+		height: 64upx;
+		border-radius: 10upx;
+		border: 1upx solid #666;
+		margin: 0upx 74upx;
+		/* margin-bottom: 80upx; */
+	}
+
+	.phone_personal {
+		color: rgb(153, 153, 153);
+		font-size: 30upx;
+		height: 64upx;
+		line-height: 64upx;
+		margin-left: 20upx;
+	}
+
+	.personal_image {
+		z-index: 100;
+		width: 40upx;
+		height: 32upx;
+		position: absolute;
+		right: 20upx;
+		top: 16upx;
+	}
+
+	.person_box {
+		position: relative;
+	}
+
+	.phone_select {
+		margin-top: 0;
+		z-index: 100;
+	}
+
+	.select_one {
+		/* background-color: rgb(239, 239, 239); */
+		margin: 0upx 74upx;
+		height: 64upx;
+		line-height: 64upx;
+		border-bottom: 1upx solid #ccc;
+		padding-left: 20upx;
+		font-size: 30upx;
+		color: rgb(153, 153, 153);
+
+	}
+
+	.hide {
+		display: none;
+	}
+
+	.show {
+		display: block;
+	}
+
+	.form {
+		position: relative;
+		/* height: 592upx;  */
+		/* margin-left:40upx; */
+		margin-bottom: 36upx;
+
+		/* margin: 0 88upx;  */
+	}
+
+	.form_left {
+		height: 592upx;
+		width: 88upx;
+		background: #d259ce;
+		position: absolute;
+		left: -40upx;
+		top: 0upx;
+	}
+
+	.form_text1 {
+		text-align: center;
+		font-size: 28upx;
+		color: rgb(102, 102, 102)
+	}
+
+	.form_text2 {
+		text-align: center;
+		font-size: 28upx;
+		color: rgb(102, 102, 102)
+	}
+
+	/*验证  */
+	/* .calc{
+  position: relative;
+} */
+	.nput {
+		position: absolute;
+		left: 0;
+		top: -180upx;
+		right: 0;
+		bottom: 0;
+		margin: auto;
+	}
+
+	.nput_l {
+		z-index: 9999;
+		padding: 38upx 60upx;
+		text-align: center;
+		font-size: 30upx;
+		background: #333333;
+		color: rgb(254, 254, 254);
+
+		border-radius: 20upx;
+	}
+
+	/*遮罩层  */
+
+
+
+	.masklayer {
+		border-radius: 20upx;
+		position: absolute;
+		left: 180upx;
+		top: -166upx;
+		margin: auto;
+		width: 392upx;
+		height: 326upx;
+		background: #f4f4f4;
+		z-index: 9;
+	}
+
+	.prosperit_y {
+		width: 72upx;
+		height: 72upx;
+		margin-top: 56upx;
+		padding: 0 160upx;
+	}
+
+	.presen_t {
+		margin-top: 30upx;
+		margin-bottom: 20upx;
+		text-align: center;
+		font-size: 28upx;
+		color: rgb(51, 51, 51);
+	}
+
+	.xinxi_t {
+		text-align: center;
+		margin-bottom: 20upx;
+		font-size: 28upx;
+		color: rgb(51, 51, 51);
+	}
+
+	.xinxi_t {
+		text-align: center;
+		font-size: 22upx;
+		margin-bottom: 20upx;
+	}
+
+	/*botton按钮  */
+
+
+
+	button[type=default] {
+		color: rgb(253, 251, 251);
+		border: none;
+		background: #ccc;
+		font-size: 36upx;
+	}
+
+	button {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+		padding-left: 14px;
+		padding-right: 14px;
+		font-size: 18px;
+		text-align: center;
+		text-decoration: none;
+		border-radius: 10upx;
+		overflow: hidden;
+		border: none;
+	}
+
+	button::after {
+		border: none;
+	}
+
+
+
+
+
+	.color {
+		color: rgb(153, 153, 153);
+		font-size: 30upx;
+		margin-left: 20upx;
+	}
+
+	.cooper {
+		font-size: 30upx;
+		/* background: red;  */
+		color: rgb(51, 51, 51);
+		margin-left: 20upx;
+	}
+
+	.images {
+		position: absolute;
+		width: 36upx;
+		height: 18upx;
+		right: 88upx;
+		top: 32upx;
+	}
+
+	.phcolor {
+
+		color: rgb(153, 153, 153)
+	}
+
+	.biaoshi {
+		margin-bottom: 84upx;
+		height: 34upx;
+	}
+
+	.form_img {
+		width: 654upx;
+		height: 34upx;
+		position: absolute;
+		right: 0;
+	}
+
+
+	.btn_images {
+		width: 100%;
+		height: 247upx;
+		float: left;
+	}
+
+
+
+
+
+	.contact_d {
+		margin: 0 66upx;
+
+
+
+		margin-bottom: 40upx;
+		/* font-size: 30upx; */
+		color: #333333;
+		/* line-height: 45upx; */
+
+	}
+
+	.contact_d_2 {
+		margin: 0 66upx;
+		margin-bottom: 80upx;
+		font-size: 30upx;
+		color: #333333;
+		line-height: 45upx;
+	}
+
+	.picker {
+		width: 622upx;
+		height: 80upx;
+		border: 1upx solid #666666;
+		margin: 0 64upx;
+		box-sizing: border-box;
+		line-height: 80upx;
+		border-radius: 10upx;
+
+	}
+
+
+	/*下拉框  */
+
+	.user {
+		height: 98upx;
+		margin: 0 64upx;
+		border-bottom: 1upx solid #eee;
+		clear: both;
+		position: relative;
+		width: 622upx;
+		box-sizing: border-box;
+	}
+
+	.section {
+		height: 80upx;
+		position: relative;
+		/* margin: 0 88upx;  */
+	}
+
+	.images_user {
+		width: 48upx;
+		height: 48upx;
+		margin-left: 18upx;
+		float: left;
+		margin-top: 26upx;
+		/* background: orange */
+	}
+
+	.inpu_t {
+		float: left;
+		margin-left: 64upx;
+		margin-top: 26upx;
+		/* border: 1upx solid #333; */
+		width: 400upx;
+		position: relative;
+		font-size: 30upx;
+		color: rgb(51, 51, 51)
+	}
+
+	.button {
+		width: 622upx;
+		height: 80upx;
+		line-height: 80upx;
+		margin: 0upx 66upx;
+		margin-top: 60upx;
+		margin-bottom: 80upx;
+		border: none;
+		background: #ccc;
+		font-size: 36upx;
+		color: rgb(253, 251, 251);
+
+	}
+
+	/*悬浮框  */
+
+	.suspension {
+		z-index: 2;
+		position: fixed;
+		bottom: 100upx;
+		right: 0;
+	}
+
+	.affairs {
+		width: 100upx;
+		height: 98upx;
+		color: rgb(255, 255, 255);
+		font-size: 24upx;
+		background: #474747;
+		opacity: 0.5;
+		text-align: center;
+		margin-bottom: 6upx;
+		border-top-left-radius: 10upx;
+		border-bottom-left-radius: 10upx;
+	}
+
+	.text-s {
+		margin-left: 30upx;
+		margin-right: 24upx;
+		width: 50upx;
+		color: rgb(255, 255, 255);
+		padding-top: 18upx;
+	}
+
+	.contact {
+		width: 100upx;
+		height: 98upx;
+		color: rgb(255, 255, 255);
+		font-size: 24upx;
+		background: #474747;
+		opacity: 0.5;
+		text-align: center;
+		border-top-left-radius: 10upx;
+		border-bottom-left-radius: 10upx;
+	}
+
+
+
+	.text_d {
+		margin-left: 30upx;
+		margin-right: 24upx;
+		width: 50upx;
+		color: rgb(255, 255, 255);
+		padding-top: 18upx;
+	}
+
+	.clickbtn {
+		position: fixed;
+		bottom: 100upx;
+		right: 0;
+		width: 100upx;
+		height: 98upx;
+
+		opacity: 0;
+
+	}
+</style>

pages/taBbar/Home/Home.vue

@@ -0,0 +1,1586 @@
+<template>
+	<view class="bg">
+		<!-- 轮播 -->
+		<view class="swipercontent ">
+			<swiper class="swiper-box" style='height:474upx;' autoplay="true" circular="true" current="{swiperCurrent}"
+				@change="swiperChange($event)" :data-current="swiperCurrent">
+				<!-- <block > -->
+				<swiper-item v-for="(item, index) in pic" :key="index">
+					<view class='swiper-img'>
+						<image :src="item" class="slide-image" />
+					</view>
+				</swiper-item>
+			</swiper>
+			<view class="dots">
+				<block v-for="(item, index) in pic" :key="index">
+					<view class="dot" :class="index == swiperCurrent ? ' active' : ''"></view>
+				</block>
+			</view>
+		</view>
+		<!--内容区域  -->
+		<view class="content">
+			<view class="cont-title">
+				<view class="dtitle">
+					<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+					<view class="title">
+						读道文旅是谁？
+					</view>
+					<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+				</view>
+				<view class="ftitle">
+					公司简介(Company Profile）
+				</view>
+				<view class="introduce">
+					<view class="grace-rich-text">
+						<rich-text class="richtext" :nodes='desc'></rich-text>
+					</view>
+					<!-- 读道文旅集团(北京读道创意旅游文化发展股份有限公司)是一家为政府、企业提供“互联网+创意”的集成服务商，下设乡村振兴、田园综合体、特色小镇、超级旅游景区IEPCO+IP孵化产品创新+创意策划规划设计四轮驱动业务。 -->
+					<!-- 作为IEPCO模式的创造者和实践者、中国文旅自媒体矩阵的运营者，集团以百号千群百万粉丝互联网矩阵实现文旅B端用户全覆盖，并依托百余人精英团队，以“不落地、不创意”的理念和“不辜负每块土地及每位客户的期望”的宗旨为300多家政府及企业提供创意落地服务，成功落地众多经典项目。我们真诚期待与您携手共创下一个奇迹！ -->
+				</view>
+			</view>
+
+			<!-- 			<view class="cont-title h weiixn">
+				<image @tap="ThePublicNumber" class="weiixn-pic1"  src="../../../static/images/dud.jpg" mode="widthFix"></image>
+				<image class="weiixn-pic2" src="../../../static/images/w.jpg" mode="widthFix"></image>
+			</view> -->
+
+
+			<view class="cont-title h">
+				<!-- 	<view class="dtitle">
+					<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+					<view class="title">
+						读道文旅做过什么？
+					</view>
+					<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+				</view>
+				<view class="ftitle">
+					案例解读(Case Interpretation）
+				</view> -->
+				<!-- <image :src="top" mode="widthFix"></image> -->
+				<view class="types">
+					<image class="typePic" :src="top" mode="widthFix"></image>
+				</view>
+			</view>
+
+		</view>
+
+		<!-- tab列表  //:class=" tab{{tabnum}}-->
+		<!-- <view class='listening'> -->
+		<!-- <scroll-view scroll-x="true" bindscroll="scroll" class="tab-h tab4"> -->
+		<!-- <swiper class="tab-h tab4" autoplay="false" circular="true" interval="3000" duration="1000" display-multiple-items="4" current="0"   @change="swichNav" > -->
+		<!-- <swiper-item  v-for="(item, id) in cate" :key="id">         -->
+		<!-- v-for="(item, id) in cate" :key="id" -->
+		<scroll-view scroll-x="true" bindscroll="scroll" class="tab-h tab4" scroll-with-animation="true">
+			<view class="tab-title">
+				<block v-for="(item, id) in cate" :key="id">
+					<view class="tab-item" :data-current="id" :data-cateid="item.id" @tap="swichNav">
+						<view class="tab-text" :class="currentTab== id ?'actives':'' ">
+							{{item.name}}
+						</view>
+					</view>
+					<!-- <view class="" :class="currentTab== id ?'actives':'' " :data-current="id" :data-cateid="item.id" @tap="swichNav"></view> -->
+				</block>
+
+			</view>
+			<!-- </swiper-item> -->
+			<!-- </swiper> -->
+		</scroll-view>
+		<!-- </view> -->
+		<view class='listening'>
+			<!-- listCase -->
+			<!-- <scroll-view class="list" scroll-x="true" :current="currentTab" :scroll-left="navScrollLeft"  scroll-with-animation="true"  @tap="switchNav($event)">	 -->
+			<view class="list">
+				<!-- <swiper style="height:550px" :current="currentTab"  circular="true"  @change="switchTab"> -->
+
+				<view class="listcent" v-for="(item, index) in listCase" :key="index">
+					<!-- <swiper-item >	 -->
+					<view @tap="list($event)" :data-id="item.id">
+
+						<image class="listPic" :src="item.pic" mode=""></image>
+						<view class="biaot">
+							<view class="bt">{{item.name}}</view>
+							<view class="xianq">
+								<view class="text">点击查看详情</view>
+								<image class="jt" src="../../../static/images/jt.png" mode=""></image>
+							</view>
+						</view>
+
+					</view>
+					<!-- </swiper-item> -->
+				</view>
+
+				<!-- </swiper> -->
+			</view>
+			<!-- </scroll-view> -->
+
+
+
+
+			<view class="btn">
+				<view class="btn-cont" @tap="cateList">
+					<view class="anli">了解更多案例</view>
+					<image class="gd" src="../../../static/images/gd.gif" mode=""></image>
+				</view>
+			</view>
+		</view>
+
+
+
+
+
+
+		<!-- v-if="poster != '' && wechat != '' " -->
+		<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>
+
+
+		<!-- 	poster:'',
+		wechat:'' -->
+
+
+
+
+
+
+
+		<view class="footer">
+			<view class="footer-cont">
+				<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 v-for="(item, index) in config.account" :key="index">{{item}}</text>
+						</view>
+					</view>
+
+					<view class="code">
+						<image class="codePic" :src="catePic" 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">
+
+
+					<image class="pic" :src="config.tel_pic" mode=""></image>
+					<view class="cont">
+
+						<view class="bus-cont">
+							<view class="title1">{{config.but_count}} <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>
+
+
+		<!-- <official-account></official-account> -->
+
+	</view>
+</template>
+
+<script>
+	var graceRichText = require("../../../components/richText.js");
+	import share from '../../../components/share2.js'
+
+	// import h5jquery from '@/components/h5Shsre/jquery-3.5.1.min.js';
+	// import jWeixin from '@/components/h5Shsre/jweixin-module.js';
+
+	// import h5weixin from '@/components/h5Shsre/weixin.js';
+
+
+
+
+	export default {
+		data() {
+			return {
+				swiperCurrent: 0,
+				pic: [],
+				top: '',
+				tabnum: 4,
+				currentTab: 0, //预设当前项的值
+				navScrollLeft: 0,
+				currentTabs: 0,
+				scrollLeft: 0, //tab标题的滚动条位置
+				scrollTop: 0,
+				account: [],
+				phine: '',
+				cate: [],
+				listCase: [],
+				cateid: '',
+				desc: '',
+				id: '',
+				catePic: '',
+				shares: '',
+				config: '',
+				type: '',
+				poster: '',
+				wechat: ''
+
+			}
+		},
+		onLoad(e) {
+			// //#ifdef H5
+			// console.log(3333333,Dever_Share)
+			// //#endif
+			// uni.hideShareMenu()
+			var that = this;
+			console.log(2222, e)
+
+			if (e) {
+				that.type = e.type
+				that.id = e.id
+			}
+			this.swiperChange = function(event) {
+				var that = this;
+				this.swiperCurrent = event.detail.current;
+			}
+
+
+			wx.loadFontFace({
+				family: 'MFJinHei',
+				source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/MFJinHei_Noncommercial-Regular1.ttf")',
+				// family: 'MFJinHei',
+				// source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/mfjin.TTF")',
+				success: console.log
+			})
+
+			wx.getSystemInfo({
+				success: (res) => {
+					// this.setData({
+					that.pixelRatio = res.pixelRatio,
+						that.windowHeight = res.windowHeight,
+						that.windowWidth = res.windowWidth
+					// })
+				}
+			})
+
+			//#ifdef H5
+
+			this.inso1()
+			this.insow()
+			this.inso()
+			// console.log(33338333,Dever_Share())
+
+			//#endif
+
+
+			this.getap()
+			this.share()
+			this.con_list()
+
+
+
+
+		},
+
+		onShow() {
+
+		},
+		// onShareAppMessage(e) {
+		// 	var that = this;
+		// 	var pic = this.shares.home_pic;
+		// 	console.log(111, pic)
+		// 	// return share.share(this.typename, '/pages/taBbar/home/home?path=https://trade.5dev.cn/cmmc/dist/#/my?type=' + this.applet +'&id=',this.id, this.typename, that,
+		// 	// 			  2,this.typename,
+		// 	// 			);
+		// 	// return share.share(this.name, '/pages/content/share/share?id='+ uni.getStorageSync('uid')+'&path=/pages/content/share/share?type=' + this.applet +'&id=',uni.getStorageSync('uid'),  this.name, that,
+		// 	// return share.share(this.name, '/pages/content/share/share?type=' + this.applet +'&id=',uni.getStorageSync('uid'), this.name, that,
+
+		// 	return share.share(this.shares.home_name, '/pages/taBbar/Home/Home?id=', this.config.id, this.shares.home_name, that,
+		// 		this.shares.home_pic, this.shares.home_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.config.id,
+				this.shares.home_name, this.shares.home_pic, 9)
+		},
+
+		methods: {
+
+			ThePublicNumber() {
+				uni.navigateTo({
+					url: '../../content/ThePublicNumber/ThePublicNumber'
+				})
+			},
+
+			share() {
+				var that = this;
+				var params = new Object()
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.share',
+					url: this.host + 'api.share',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+						that.shares = res.data.data
+
+
+
+						console.log(2222, res)
+					}
+				})
+			},
+			getap() {
+				var that = this;
+				var params = new Object()
+				// params.signature = uni.getStorageSync('signature')
+				uni.showLoading({
+					title: '加载中'
+				});
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?api.home',
+					url: this.host + 'api.home',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(res) {
+
+
+						uni.setNavigationBarTitle({
+							title: res.data.data.config.title
+						})
+
+						that.pic = res.data.data.config.pic.split(",")
+						that.top = res.data.data.config.top
+						that.config = res.data.data.config
+						that.account = res.data.data.config.account
+						that.catePic = res.data.data.config.code
+						console.log(22222, res.data.data.config.cote)
+						that.listCase = res.data.data.cate[0].case
+						// that.listCase = res.data.data.cate[0]
+						// console.log(99999,res.data.data.cate[0].case)
+
+						that.cate = res.data.data.cate
+						// 
+						that.cateid = res.data.data.cate[0].id
+						that.desc = graceRichText.format(res.data.data.config.desc);
+						var mob = res.data.data.config.phone;
+						that.phine = mob.replace(/(\d{3})(\d{4})/, "$1  $2  ");
+						// console.log(2222, that.pic)
+						uni.hideLoading();
+						uni.hideNavigationBarLoading();
+						uni.stopPullDownRefresh(); //得到数据后停止下拉刷新	
+						// var mob="13800138000";
+
+
+						//#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.config.h5_share_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
+
+						// var mob= res.data.data.config.phine;
+
+						// that.phine= mob.replace(/(\d{3})(\d{4})/,"$1  $2  ");
+
+						if (that.type == 2) {
+							console.log(888, that.id)
+							uni.navigateTo({
+								url: '../../content/List/List?cateid=' + that.id
+							})
+						} else if (that.type == 3) {
+							uni.navigateTo({
+								url: '../../content/List-dl/List-dl?id=' + that.id
+							})
+						}
+						// 						console.log(11118, m)
+					}
+				})
+			},
+			// switchTab(event){
+			// 	console.log(22225, event)
+			// 	var that = this;
+			// 	// var cur = event.currentTarget.dataset.current; 
+			//              var cur = event.detail.current;
+			// 	//每个tab选项宽度占1/5
+			// 	var singleNavWidth = this.windowWidth / 5;
+			// 	//tab选项居中                            
+			// 	// this.setData({
+			// 		that.navScrollLeft= (cur - 2) * singleNavWidth
+			// 	// })      
+			// 	if (this.currentTab == cur) {
+			// 		return false;
+			// 	} else {
+			// 		// this.setData({
+			// 			that.currentTab= cur
+			// 		// })
+			// 	}
+			// 	var params = new Object()
+			// 		if(event.detail.current){
+			// 		var detailcurrent=  event.detail.current
+			// 		that.cateid =  that.cate[detailcurrent].id;
+			// 		var cateid =  that.cate[detailcurrent].id;
+			// 		console.log(99999888,event.detail.current)
+			// 		console.log(88887777,that.cate[detailcurrent].id)
+			// 		params.id = that.cate[detailcurrent].id
+			// 		}else{
+			// 		params.id = 1
+			// 		
+			// 		}
+			// 	// params.id =  e.currentTarget.dataset.cateid
+			// 	//发起请求
+			// 	uni.request({
+			// 		
+			// 		url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.home_cate',
+			// 		// https://trade.5dev.cn/dudaowenlv/content/?l=api.lists
+			// 		data: params,
+			// 		method: 'GET',
+			// 		header: {
+			// 			'content-type': 'application/json' // 默认值
+			// 		},
+			// 		success: function(res) {
+			// 			// console.log(343434,res)
+			// 			that.listCase = res.data.data.case
+			// 			//拿到解密后的数据，进行代码逻辑
+			// 		},
+			// 		fail: function() {},
+			// 	})
+			// 	
+			// 	
+			// },
+			swichNav(e) {
+
+				console.log(8888, e)
+				// return
+				var that = this;
+				var cur = e.currentTarget.dataset.current;
+				// var cur = e.detail.current;
+				// var singleNavWidth = this.windowWidth / 5;
+				// that.navScrollLeft= (cur - 2) * singleNavWidth
+
+				if (this.currentTab == cur) {
+					return false;
+				} else {
+					that.currentTab = cur
+				}
+
+				// http://192.168.0.10/dudaowenlv/content/?api.lists
+				var params = new Object()
+				// if(e.detail.current){
+				// 	var detailcurrent=  e.detail.current
+				// 	that.cateid =  that.cate[detailcurrent].id;
+				// 	var cateid =  that.cate[detailcurrent].id;
+				// 	console.log(99999888,e.detail.current)
+				// 	console.log(88887777,that.cate[detailcurrent].id)
+				// 	params.id = that.cate[detailcurrent].id
+				// 	}else{
+				// 	params.id = 1
+				// 	}
+				that.cateid = e.currentTarget.dataset.cateid
+				params.id = e.currentTarget.dataset.cateid
+				//发起请求
+				uni.request({
+
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.home_cate',
+					url: this.host + 'l=api.home_cate',
+					// https://trade.5dev.cn/dudaowenlv/content/?l=api.lists
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success: function(res) {
+						// console.log(343434,res)
+						that.listCase = res.data.data.case
+						//拿到解密后的数据，进行代码逻辑
+					},
+					fail: function() {},
+				})
+
+			},
+
+
+			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(222229, res)
+						that.poster = res.data.data.config.poster
+						that.wechat = res.data.data.config.wechat
+						// that.poster=""
+						// that.wechat=""
+						// that.shares = res.data.data
+
+					}
+				})
+			},
+
+
+			cateList() {
+				var that = this;
+				console.log(111136, that.cateid)
+				uni.navigateTo({
+					url: '../../content/List/List?cateid=' + that.cateid
+				})
+			},
+			list(event) {
+				// event.currentTarget.dataset.id
+				// console.log(22222,event.currentTarget.dataset.id)
+				var id = event.currentTarget.dataset.id
+				uni.navigateTo({
+					url: '../../content/List-dl/List-dl?id=' + id
+				})
+			},
+
+			tel() {
+				var that = this;
+				uni.makePhoneCall({
+					phoneNumber: that.phine
+				});
+			},
+
+
+			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>
+	/* <image class="weiixn-pic1" class="" src="../../../static/images/dud.jpg" mode=""></image> */
+	/* <image class="weiixn-pic2" src="../../../static/images/w.jpg" mode=""></image> */
+
+	.weiixn {
+		overflow: hidden;
+		_zoom: 1;
+		padding: 20rpx 0rpx;
+		background: #FFFFFF;
+	}
+
+	.weiixn-pic1 {
+		float: left;
+		width: 375rpx;
+		height: auto;
+		display: block;
+	}
+
+	.weiixn-pic2 {
+		float: right;
+		width: 375rpx;
+		height: auto;
+		display: block;
+	}
+
+	.bg {
+		background: #f7f7f7;
+	}
+
+	/* 轮播自定义样式 */
+	.swipercontent {
+		position: relative;
+	}
+
+	.swiper-box {
+		background: #fff;
+	}
+
+	.slide-image {
+		width: 100%;
+		height: 454upx;
+		display: block;
+	}
+
+	.swiper-box .uni-swiper-dots {
+		position: absolute;
+		margin: 0 auto !important;
+		top: 316upx;
+	}
+
+	.swiper-box .uni-swiper-dot {
+		width: 19upx;
+		display: inline-flex;
+		height: 7upx;
+		margin-right: 20upx;
+		justify-content: space-between;
+	}
+
+	.swiper-box .uni-swiper-dot::before {
+		content: '';
+		flex-grow: 1;
+		background: #e0e0e0;
+	}
+
+	.swiper-box .uni-swiper-dot-active::before {
+		background: #2f2f2f;
+		border-radius: 4upx;
+	}
+
+	.swipercontent {
+		position: relative;
+	}
+
+	.dots {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0upx;
+		display: flex;
+		justify-content: center;
+	}
+
+	.dot {
+		margin: 0 8upx;
+		width: 21upx;
+		height: 9upx;
+		background: #333;
+		border-radius: 16upx;
+	}
+
+	.dot.active {
+		width: 21upx;
+		background: #dfdfdf;
+	}
+
+	/* 结束 */
+
+	/* 内容 */
+	.cont-title {
+		background: #FFFFFF;
+	}
+
+	.h {
+		margin-top: 20upx;
+	}
+
+	.dtitle {
+		overflow: hidden;
+		_zoom: 1;
+		display: flex;
+		justify-content: center;
+		margin: 0 auto;
+		padding-top: 47upx;
+
+		/* width: 300upx; */
+	}
+
+	.title {
+		font-size: 42upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: bold;
+		color: rgba(34, 34, 34, 1);
+		padding: 0 24upx;
+		float: left;
+	}
+
+	.limg {
+		float: left;
+		width: 35upx;
+		height: 15upx;
+		display: block;
+		margin-top: 22upx;
+
+	}
+
+	.ftitle {
+		margin-top: 8upx;
+		font-size: 28upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(51, 51, 51, 1);
+		text-align: center;
+	}
+
+	.introduce {
+		/* 	font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		padding: 55upx 34upx; */
+
+	}
+
+	.grace-rich-text {
+		font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(51, 51, 51, 1);
+		padding: 55upx 34upx;
+	}
+
+	.types {
+		margin: 0 9upx;
+		padding: 0upx 0 0upx 0;
+	}
+
+	.typePic {
+		width: 100%;
+
+
+	}
+
+	/* tab切换列表 */
+	::-webkit-scrollbar {
+		width: 0;
+		height: 0;
+		color: transparent;
+	}
+
+	.tab-h {
+		box-sizing: border-box;
+		height: 102upx;
+		line-height: 94upx;
+		white-space: nowrap;
+		z-index: 99;
+		background: #fff;
+		border-bottom: 1upx solid #E5E5E5;
+		box-sizing: border-box;
+		/* padding-bottom: 16upx;  */
+	}
+
+	.tab-title {
+		margin: 0 32upx;
+		position: relative;
+	}
+
+	.tab6 .tab-item {
+		margin: 0upx 50upx;
+		display: inline-block;
+		font-size: 28upx;
+		color: #474245;
+		/* float: left; */
+	}
+
+	.tab5 .tab-item {
+		margin: 0upx 50upx;
+		display: inline-block;
+		font-size: 34upx;
+	}
+
+	.tab4 .tab-item {
+		margin-right: 39upx;
+		display: inline-block;
+		font-size: 28upx;
+		color: #474245;
+		/* width: 180upx; */
+		text-align: center !important;
+	}
+
+	.tab3 .tab-item {
+		margin: 0upx 80upx;
+		display: inline-block;
+		font-size: 34upx;
+	}
+
+	.actives {
+		/* width: 60upx; */
+		font-size: 32upx !important;
+		font-family: PingFang-SC-Bold;
+		font-weight: bold;
+		color: #DD4243 !important;
+		border-bottom: 2px solid rgba(221, 66, 67, 1);
+		border-bottom-left-radius: 4upx;
+		box-sizing: border-box;
+		/* text-align:center; */
+		/* margin:0 auto; */
+
+		/* width: 50upx; */
+		/* 	position: absolute;
+		left: 0;
+		top: 0; */
+	}
+
+	/* .tab-text:f */
+	/*   .tab-text{
+		padding: 0 40upx;
+	} */
+	.tab-content {
+		z-index: 9999;
+		margin-top: 92upx;
+		width: 100%;
+		height: auto;
+		display: block;
+	}
+
+
+	/* 列表 */
+	.listening {
+		background: #FFFFFF;
+	}
+
+	.list {
+		margin: 0 10upx;
+		padding-top: 31upx;
+		/* display:flex; */
+		overflow: hidden;
+		_zoom: 1;
+		margin-bottom: 61upx;
+	}
+
+	.listcent {
+		margin-left: 23upx;
+		float: left;
+		width: 333upx;
+		background: rgba(255, 255, 255, 1);
+		box-shadow: 0upx 4upx 8upx 0upx rgba(201, 201, 201, 0.75);
+		border-radius: 10upx;
+		height: 348upx;
+		margin-bottom: 21upx;
+	}
+
+	.listPic {
+		display: block;
+		width: 333upx;
+		height: 230upx;
+		border-radius: 10upx 10upx 0px 0px;
+	}
+
+	/*  */
+	.biaot {
+		background: #fff;
+		text-align: center;
+	}
+
+	.bt {
+		font-size: 26upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: rgba(51, 51, 51, 1);
+		padding: 20upx 12upx 18upx 12upx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+
+	}
+
+	.xianq {
+		overflow: hidden;
+		_zoom: 1;
+		margin: 0 81upx;
+	}
+
+	.text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(102, 102, 102, 1);
+		float: left;
+	}
+
+	.jt {
+		width: 14upx;
+		height: 16upx;
+		float: right;
+		display: block;
+		margin-top: 11upx;
+
+	}
+
+	.btn {
+		padding-bottom: 82upx;
+	}
+
+	.btn-cont {
+		margin: 0 155upx;
+
+		height: 70upx;
+		background: #f4f4f4;
+		/* box-shadow:3upx 5upx 134upx 7upx rgba(7,7,7,0.13); */
+		/* opacity:0.2; */
+		border-radius: 35upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 107upx;
+	}
+
+	.anli {
+		font-size: 30upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: rgba(102, 102, 102, 1);
+
+		line-height: 70upx;
+		float: left;
+	}
+
+	.gd {
+		width: 30upx;
+		height: 29upx;
+		float: right;
+		margin-top: 22upx;
+
+	}
+
+	.footer-cont {
+		padding: 0upx 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;
+	}
+
+	.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 {
+		width: 100%;
+		background: #DD4243;
+
+
+	}
+
+	.businesscard {
+		height: 190upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding: 0 42upx 0 53upx;
+		display: flex;
+
+	}
+
+	.left {}
+
+	.rights1 {
+
+		margin-top: 13upx;
+		margin-left: 10rpx;
+	}
+
+	.ri-tel {
+		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="qiye-wei">
+		
+		<image class="qiye-pic1" src="../../../static/images/微信图片_20210604135943.jpg" mode="widthFix"></image>
+		
+		<image class="qiye-pic1"  src="../../../static/images/微信图片_20210604135950.jpg" mode="widthFix"></image>
+		
+		
+	</view> */
+
+
+	.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%;
+	}
+
+
+	image {}
+</style>
+<!-- 				<view class="logocont">
+					<image class="logo" src="../../../static/images/logo.png" mode=""></image>
+					<view class="code">
+						<image class="codePic" src="../../../static/images/code.png" mode=""></image>
+						<view class="codetext" class="">长按 获取更多超级创意</view>
+					</view>
+				</view> -->

pages/taBbar/Meeting/Meeting.vue

@@ -0,0 +1,1503 @@
+<template>
+	<view class="bg">
+		<!-- 轮播 -->
+		<view class="swipercontent ">
+			<swiper class="swiper-box" style='height:474upx;' autoplay="true" circular="true" current="{swiperCurrent}" @change="swiperChange($event)"
+			 :data-current="swiperCurrent">
+				<!-- <block > -->
+				<swiper-item v-for="(item, index) in pic" :key="index">
+					<view class='swiper-img'>
+						<image :src="item" class="slide-image" />
+					</view>
+				</swiper-item>
+			</swiper>
+			<view class="dots">
+				<block v-for="(item, index) in pic" :key="index">
+					<view class="dot" :class="index == swiperCurrent ? ' active' : ''"></view>
+				</block>
+			</view>
+		</view>
+
+		<!--内容区域  -->
+		<view class="content">
+
+			<view class="cont-title">
+				<!-- 		<view class="dtitle">
+					<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+					<view class="title">
+						乡村振兴六脉神剑
+					</view>
+					<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+				</view>
+				<view class="ftitle">
+					乡村振兴服务(Rural Revitalization Services）
+				</view> -->
+				<!-- <image :src="top" mode="widthFix"></image> -->
+				<view class="types">
+					<image class="typePic" :src="top" mode="widthFix"></image>
+				</view>
+			</view>
+
+			<!-- lieviao -->
+			<view class="">
+				<view class="cont-title h">
+					<view class="dtitle">
+						<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+						<view class="title">
+							{{cate.cate_name}}
+						</view>
+						<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+					</view>
+					<view class="ftitle">
+						{{cate.sub_cate}}
+					</view>
+
+					<view class='listening'>
+						<view class="list">
+							<block v-for="(item, index) in listCase" :key="index">
+								<view class="listcent" @tap="listDl($event)" :data-id="item.id">
+									<image class="listPic" :src="item.pic" mode=""></image>
+									<view class="biaot">
+										<view class="bt">{{item.name}}</view>
+										<view class="xianq">
+											<view class="text">点击查看详情</view>
+											<image class="jt" src="../../../static/images/jt.png" mode=""></image>
+										</view>
+									</view>
+								</view>
+							</block>
+						</view>
+					</view>
+				</view>
+
+			</view>
+			<!-- 分类 -->
+			<view class="">
+				<view class="cont-title h">
+					<view class="dtitle">
+						<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+						<view class="title">
+							公司其它六大业务
+						</view>
+						<image class="limg" src="../../../static/images/ling.png" mode=""></image>
+					</view>
+					<view class="ftitle">
+						Company's Other Six Major Businesses
+					</view>
+					<!--五大业务  -->
+					<view class="businesss">
+						<view class="bus-content" v-for="(item, index) in business" :key="index">
+
+							<view class="listness" v-if="index %2==0" @tap="cateList($event)" :data-id="item.id">
+								<view class="bus-left">
+									<view class="bus-conts1">
+										<view class="bus-titles1">
+											{{item.name}}
+										</view>
+										<view class="bustag">
+											<view class="bustext" v-for="(items, index) in item.tag" :key="index">
+												<view class="buslxian">|</view>
+												<view class="bust">{{items}}</view>
+											</view>
+										</view>
+										<view class="anniu">
+											了解详情
+										</view>
+									</view>
+								</view>
+								<view class="bus-right">
+									<image class="busPic" :src="item.cover" mode=""></image>
+								</view>
+							</view>
+
+							<view class="listness" v-else-if="index %2==1" @tap="cateList($event)" :data-id="item.id">
+								<view class="bus-right left">
+									<image class="busPic" :src="item.cover" mode=""></image>
+								</view>
+								<view class="bus-left right">
+									<view class="bus-conts1">
+										<view class="bus-titles1">
+											{{item.name}}
+										</view>
+										<view class="bustag">
+											<view class="bustext" v-for="(items, index) in item.tag" :key="index">
+												<view class="buslxian">|</view>
+												<view class="bust">{{items}}</view>
+											</view>
+										</view>
+										<view class="anniu">
+											了解详情
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+
+					</view>
+
+				</view>
+			</view>
+
+		</view>
+
+
+<!-- 		<view class="footer">
+			<view class="footer-cont">
+			
+				<view class="tag">
+					<view class="labels" v-for="(item, index) in account" :key="index" v-if="!account == '' ">
+						<view class="lxian">|</view>
+						<view class="label">{{item}}</view>
+					</view>
+					<view class="tag-title" v-if="account == '' ">{{cate.bot_name}}</view>
+				</view>
+
+				<view class="tel" @tap="tel">
+					<image class="telpic" src="../../../static/images/tel.png" mode=""></image>
+					<view class="laos">李老师：</view>
+					<view class="phine">{{phine}}</view>
+					<image class="bohao" src="../../../static/images/bh1.png" mode=""></image>
+					<image class="tjt" src="../../../static/images/shou.png" mode=""></image>
+				</view>
+
+				<view class="logocont">
+					<image class="logo" src="../../../static/images/logo.png" mode=""></image>
+					<view class="code">
+						<image class="codePic" :src="cate.code" mode=""></image>
+						<view class="codetext">长按 获取更多超级创意</view>
+					</view>
+				</view>
+			</view>
+		</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 cate.tag" :key="index">{{item}}</text>
+						</view>
+					</view>
+					
+					<view class="code">
+						<image class="codePic" :src="cate.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="cate.tel_pic" mode=""></image>
+							<view class="cont">
+								
+								
+								<view class="bus-cont">
+								<view class="title1">{{cate.list_name[0]}}</view>
+								
+								<view class="tel">
+									<text class="tel-num">{{cate.tel_name}}：</text>
+									<text class="tel-txt">{{cate.phone}}</text>
+								</view>
+								
+								<view class="bus-desc">{{config.but_flag}}</view>
+								</view>
+			
+							</view>
+						</view>
+						<view class="bustag1" >
+							
+							<view class="bustext1" v-for="(item, index) in tag" :key="index">
+								<view class="buslxian1">|</view>
+								<view class="bust1">{{item}}</view>
+							</view>
+						</view>
+					</view>
+					<view class="rights1" @tap="tel">
+			            <image class="ri-tel" src="../../../static/images/phone.gif" mode=""></image>  
+					</view>
+			
+				</view> -->
+				
+				<view class="businesscard">
+				
+				
+							<image class="pic" :src="cate.tel_pic" mode=""></image>
+							<view class="cont">
+				
+								<view class="bus-cont">
+									<view class="title1">{{cate.list_name[0]}} <text></text> </view>
+				
+									<view class="tel">
+										<label class="tel-num">{{cate.tel_name}}:</label>
+										<label class="tel-txt">{{cate.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>
+
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				swiperCurrent: 0,
+				pic: [],
+				top: '',
+				tabnum: 4,
+				currentTab: 0, //预设当前项的值
+				scrollLeft: 0, //tab标题的滚动条位置
+				scrollTop: 0,
+				account: [],
+				phine: '',
+				cate: [],
+				listCase: [],
+				cateid: '',
+				business: [],
+				case: [],
+				config:''
+			}
+		},
+		onLoad(e) {
+
+			var that = this;
+			console.log(222, e.cateid)
+			that.cateid = e.cateid
+			// return
+			this.swiperChange = function(event) {
+				this.swiperCurrent = event.detail.current;
+			}
+			this.getap()
+			wx.loadFontFace({
+				family: 'MFJinHei',
+				source: 'url("https://trade.5dev.cn/cmmc/main/assets/mobile/css/MFJinHei_Noncommercial-Regular1.ttf")',
+				success: console.log
+			})
+		},
+		methods: {
+			tel() {
+				var that = this;
+				uni.makePhoneCall({
+					phoneNumber: that.phine
+				});
+			},
+			cateList(event) {
+				console.log(2222, event.currentTarget.dataset.id)
+				var cid = event.currentTarget.dataset.id
+				uni.navigateTo({
+					
+				// })({
+					url: '/pages/content/List/List?cateid=' + cid
+				})
+			},
+			listDl(event) {
+				console.log(2222, event.currentTarget.dataset.id)
+				var cid = event.currentTarget.dataset.id
+				uni.navigateTo({
+					url: '/pages/content/List-dl/List-dl?id=' + cid
+				})
+			},
+			getap() {
+
+				var that = this;
+				var params = new Object()
+				// params.signature = uni.getStorageSync('signature')
+				uni.showLoading({
+					title: '加载中'
+				});
+				uni.request({
+					// url: 'https://trade.5dev.cn/dudaowenlv/content/?api.home',
+					url: that.host + 'l=api.home',
+					data: params,
+					method: 'GET',
+					header: {
+						'content-type': 'application/json' // 默认值
+					},
+					success(resd) {
+						console.log(2222, resd)
+						// var that = this;
+						var params = new Object()
+						if(resd.data.data.cate[6]){
+						   params.id = resd.data.data.cate[6].id
+							
+						}
+						// 				uni.showLoading({
+						// 					title: '加载中'
+						// 				});
+						uni.request({
+							
+							// url: 'https://trade.5dev.cn/dudaowenlv/content/?l=api.lists',
+							url: that.host + 'l=api.lists',
+							data: params,
+							method: 'GET',
+							header: {
+								'content-type': 'application/json' // 默认值
+							},
+							success(res) {
+								// console.log(2222, res.data.data.cate)
+								that.pic = res.data.data.cate.pic.split(",");
+								that.business = res.data.data.business;
+								that.listCase = res.data.data.case;
+								that.config=res.data.data.config
+								var mob = res.data.data.cate.phone;
+								that.phine = mob.replace(/(\d{3})(\d{4})/, "$1  $2  ");
+								that.cate = res.data.data.cate;
+								that.top=res.data.data.cate.top;
+								that.account = res.data.data.cate.list_name;
+								uni.hideLoading();
+								// uni.hideNavigationBarLoading();
+								// uni.stopPullDownRefresh(); //得到数据后停止下拉刷新	
+								// 						console.log(11118, m)
+							}
+						})
+
+						// console.log(2222, that.pic)
+						// uni.hideLoading();
+
+					}
+				})
+
+
+
+			}
+
+
+		}
+	}
+</script>
+
+<style>
+/* 			@font-face {
+		font-family: Snickles;
+		src: url('https://trade.5dev.cn/cmmc/main/assets/mobile/css/mfjin.TTF');
+		font-weight: normal;
+		font-style: normal;
+	} */
+	.bg {
+		background: #f7f7f7;
+	}
+
+	/* 轮播自定义样式 */
+	.swipercontent {
+		position: relative;
+	}
+
+	.swiper-box {
+		background: #fff;
+	}
+
+	.slide-image {
+		width: 100%;
+		height: 454upx;
+		display: block;
+	}
+
+	.swiper-box .uni-swiper-dots {
+		position: absolute;
+		margin: 0 auto !important;
+		top: 316upx;
+	}
+
+	.swiper-box .uni-swiper-dot {
+		width: 19upx;
+		display: inline-flex;
+		height: 7upx;
+		margin-right: 20upx;
+		justify-content: space-between;
+	}
+
+	.swiper-box .uni-swiper-dot::before {
+		content: '';
+		flex-grow: 1;
+		background: #e0e0e0;
+	}
+
+	.swiper-box .uni-swiper-dot-active::before {
+		background: #2f2f2f;
+		border-radius: 4upx;
+	}
+
+	.swipercontent {
+		position: relative;
+	}
+
+	.dots {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0upx;
+		display: flex;
+		justify-content: center;
+	}
+
+	.dot {
+		margin: 0 8upx;
+		width: 21upx;
+		height: 9upx;
+		background: #333;
+		border-radius: 16upx;
+	}
+
+	.dot.active {
+		width: 21upx;
+		background: #dfdfdf;
+	}
+
+	/* 结束 */
+	/* 内容 */
+	.cont-title {
+		background: #FFFFFF;
+	}
+
+	.h {
+		margin-top: 20upx;
+	}
+
+	.dtitle {
+		overflow: hidden;
+		_zoom: 1;
+		display: flex;
+		justify-content: center;
+		margin: 0 auto;
+		padding-top: 47upx;
+		/* width: 300upx; */
+	}
+
+	.title {
+		font-size: 42upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: bold;
+		color: rgba(34, 34, 34, 1);
+		padding: 0 24upx;
+		float: left;
+	}
+
+	.limg {
+		float: left;
+		width: 35upx;
+		height: 15upx;
+		display: block;
+		margin-top: 22upx;
+	}
+
+	.ftitle {
+		margin-top: 8upx;
+		font-size: 28upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(51, 51, 51, 1);
+		text-align: center;
+	}
+
+	.types {
+		margin: 0 9upx;
+		padding: 0upx 0 0upx 0;
+	}
+
+	.typePic {
+		width: 100%;
+	}
+
+	/* tab切换列表 */
+	/* 列表 */
+	.listening {
+		background: #FFFFFF;
+	}
+
+	.list {
+		margin: 0 10upx;
+		padding-top: 56upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding-bottom: 41upx;
+	}
+
+	.listcent {
+		margin-left: 23upx;
+		float: left;
+		width: 333upx;
+		background: rgba(255, 255, 255, 1);
+		box-shadow: 0upx 4upx 8upx 0upx rgba(201, 201, 201, 0.75);
+		border-radius: 10upx;
+		height: 348upx;
+		margin-bottom: 21upx;
+	}
+
+	.listPic {
+		display: block;
+		width: 333upx;
+		height: 230upx;
+		border-radius: 10upx 10upx 0px 0px;
+	}
+
+	/*  */
+	.biaot {
+		background: #fff;
+	}
+
+	.bt {
+		font-size: 26upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: bold;
+		color: rgba(51, 51, 51, 1);
+		padding: 20upx 12upx 18upx 12upx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.xianq {
+		overflow: hidden;
+		_zoom: 1;
+		margin: 0 81upx;
+	}
+
+	.text {
+		font-size: 24upx;
+		font-family: PingFang-SC-Regular;
+		font-weight: 400;
+		color: rgba(102, 102, 102, 1);
+		float: left;
+	}
+
+	.jt {
+		width: 14upx;
+		height: 16upx;
+		float: right;
+		display: block;
+		margin-top: 11upx;
+	}
+
+	.footer-cont {
+		padding: 67upx 80upx 46upx 80upx;
+		background: #DD4243;
+	}
+
+	.tag {
+		overflow: hidden;
+		_zoom: 1;
+	}
+
+	.tag-title {
+		font-size: 26upx;
+		font-family: SourceHanSansCN-Medium;
+		font-weight: 500;
+		color: rgba(255, 255, 255, 1);
+		text-align: center;
+	}
+
+	.labels {
+		overflow: hidden;
+		_zoom: 1;
+		float: left;
+	}
+
+	.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;
+	}
+
+	.tjt {
+		width: 39upx;
+		height: 28upx;
+		display: block;
+		float: left;
+		margin-left: 12upx;
+		margin-top: 12upx;
+
+	}
+
+	.logocont {
+		overflow: hidden;
+		_zoom: 1;
+		/* margin-top: 42upx; */
+	}
+
+/* 	.logo {
+		width: 353upx;
+		height: 195upx;
+		float: left;
+	} */
+
+	.code {
+		float: right;
+	}
+
+	.codePic {
+		width: 182upx;
+		height: 182upx;
+
+	}
+
+	.codetext {
+		text-align: center;
+		font-size: 16upx;
+		font-family: SourceHanSansCN-Bold;
+		font-weight: bold;
+		color: rgba(255, 255, 255, 1);
+	}
+
+	/* 业务 */
+	.businesss {
+		margin: 54upx 0 80upx 0;
+	}
+
+	.bus-content {}
+
+	.bus-content:last-child .listness {
+		padding-bottom: 0upx;
+	}
+
+	.listness {
+		padding: 0 32upx;
+		overflow: hidden;
+		_zoom: 1;
+		padding-bottom: 15upx;
+	}
+
+	.listness:last-child {
+		margin-bottom: 0upx;
+	}
+
+	.bus-left {
+		width: 334upx;
+		height: 245upx;
+		background: rgba(221, 66, 67, 1);
+		float: left;
+	}
+
+	.bus-conts1 {
+		margin: 0 16upx 0 28upx;
+	}
+
+	.bus-right {
+		width: 334upx;
+		height: 245upx;
+		float: right;
+	}
+
+	.busPic {
+		width: 334upx;
+		height: 245upx;
+	}
+
+	.bus-titles1 {
+		font-size: 44upx;
+		font-family: PingFang-SC-Bold;
+		font-weight: bold;
+		color: rgba(255, 255, 255, 1);
+		margin-top: 44upx;
+		margin-bottom: 25upx;
+	}
+
+	.bustag {
+		overflow: hidden;
+		_zoom: 1;
+	}
+
+	.bustext {
+		overflow: hidden;
+		_zoom: 1;
+		float: left;
+		
+	}
+
+	.buslxian {
+		float: left;
+		font-size: 20upx;
+		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: 20upx;
+		font-family: PingFang-SC-Medium;
+		font-weight: 500;
+		color: rgba(255, 255, 255, 1);
+	}
+
+	.anniu {
+		margin-top: 30upx;
+		width: 94upx;
+		height: 34upx;
+		border: 1px solid rgba(255, 255, 255, 1);
+		border-radius: 2upx;
+		line-height: 34upx;
+		text-align: center;
+		font-size: 20upx;
+		font-family: MicrosoftYaHei;
+		font-weight: 400;
+		color: rgba(255, 255, 255, 1);
+	}
+
+	.left {
+		float: left;
+	}
+
+	.right {
+		float: right;
+	}
+
+/* 		.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; }
+	}
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	.footer-cont {
+			padding: 72upx 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{
+			 text-align:justify;
+			 text-align-last:justify;
+			
+		}
+		.btn-title{
+			font-size:58upx;
+			font-family:Source Han Sans CN;
+			font-weight:800;
+			color:rgba(220,66,66,1);
+			line-height:58upx;
+			text-align: center;
+			margin-bottom: 14rpx;
+		}
+	.btn-title-sz{
+			color: #DC4242;
+		}
+		.btn-title-sz1{
+				color: #211717;
+			}
+			.btn-fdesc{
+				font-size:32upx;
+				font-family:Source Han Sans CN;
+				font-weight:400;
+				color:rgba(51,51,51,1);
+				line-height:32upx;
+				text-align: center;
+				margin-bottom: 24rpx;
+			} */
+			
+			.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;
+			/* padding-bottom: 20rpx; */
+			
+		}
+	    .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;
+		}
+		
+		
+		.bustag1 {
+			overflow: hidden;
+			_zoom: 1;
+		}
+		
+		.bustext1 {
+			overflow: hidden;
+			_zoom: 1;
+			float: left;
+			/* margin-bottom: 30upx; */
+		}
+		
+		.buslxian1 {
+			float: left;
+			font-size: 30upx;
+			font-family: PingFang-SC-Medium;
+			font-weight: 500;
+			color: rgba(255, 255, 255, 1);
+			margin: 0 6upx;
+		}
+		
+			.bustext1:first-child .buslxian1{
+				float: left;
+				font-size:0upx;
+				font-family:PingFang-SC-Medium;
+				font-weight:500;
+				color:rgba(255,255,255,1);
+				margin: 0;
+			}
+		.bust1 {
+			float: left;
+			font-size: 30upx;
+			font-family: PingFang-SC-Medium;
+			font-weight: 500;
+			color: rgba(255, 255, 255, 1);
+		}
+		/* .btnPic{
+			width: 100%;
+			display: block;
+		} */
+		
+</style>

pages/taBbar/Microshoo/Microshoo.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

project.config.json

@@ -0,0 +1,28 @@
+{
+  "appid": "wx66ce59a1b7fdf3f5",
+  "compileType": "miniprogram",
+  "libVersion": "3.2.2",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "setting": {
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "minified": true,
+    "enhance": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmRelationList": [],
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    }
+  },
+  "condition": {},
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
+}

project.private.config.json

@@ -0,0 +1,7 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "Dudao",
+  "setting": {
+    "compileHotReLoad": true
+  }
+}

uni.scss

@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:24upx;
+$uni-font-size-base:28upx;
+$uni-font-size-lg:32upx;
+
+/* 图片尺寸 */
+$uni-img-size-sm:40upx;
+$uni-img-size-base:52upx;
+$uni-img-size-lg:80upx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4upx;
+$uni-border-radius-base: 6upx;
+$uni-border-radius-lg: 12upx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20upx;
+$uni-spacing-row-lg: 30upx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8upx;
+$uni-spacing-col-base: 16upx;
+$uni-spacing-col-lg: 24upx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:40upx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:36upx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:30upx;

unpackage/dist/build/h5-1/h5/index.html

@@ -0,0 +1,2 @@
+<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>读道文旅</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.9ffdaeb8.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.b5883368.js></script><script src=/static/js/index.75c0c678.js></script></body></html>