内容完善

components/toolBox/toolBox.vue

 <template>
 	<view class="tool-box">
+		<view class="gitf" @tap="onNavToVip">
+			<image :src="assetsPath+'/gitf.png'" mode="widthFix"></image>
+		</view>
 		<view v-for="(item, index) in toolList" :key="index" class="tool-item" :class="{active:!show}"
 			:style="{transitionDuration: dNum+'s' }" @tap.stop="onHandle(item)">
 
@@ -31,6 +34,7 @@
 			return {
 				show: true,
 				dNum: 0.4,
+				assetsPath:config.assetsPath,
 				toolList: [{
 						name: "验券",
 						url: config.assetsPath + '/tool_3_v1.png',
@@ -87,6 +91,11 @@
 
 		},
 		methods: {
+			onNavToVip(){
+				uni.switchTab({
+					url:"/pages/vipCreate/vipCreate"
+				})
+			},
 			onGetSysConfig() {
 				let sysConfigList = uni.getStorageSync('sysConfig')
 				let s = sysConfigList.find(item=>item.configKey === 'wechat.service.url')
@@ -176,8 +185,14 @@
 		position: fixed;
 		bottom: 10vh;
 		right: 0;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-end;
 		z-index: 99;
-
+        .gitf{
+			width: 144upx;
+			max-height: 150upx;
+		}
 		.tool-item {
 			display: flex;
 			flex-direction: column;

config/index.config.js

@@ -3,7 +3,7 @@ const CONFIG = {
     development: {
 		// assetsPath: 'https://www.coujio.com/wechat_static', // 静态资源路径
         // assetsPath: 'https://coujiao.pseer.com/wechat_static', // 静态资源路径
-		assetsPath: 'http://10.24.5.167:8211/static', // 静态资源路径
+		assetsPath: 'http://10.24.5.63:8211/static', // 静态资源路径
 		// baseUrl: 'https://www.coujio.com/front-api', // 后台接口请求地址
 		// baseUrl: 'https://coujiao.pseer.com/front-api', // 后台接口请求地址
 		baseUrl: 'http://129.211.46.84:8883/front-api',

pages.json

@@ -183,6 +183,13 @@
 						"navigationBarTitleText": "充值记录",
 						"enablePullDownRefresh" : false
 					}
+				},
+				{
+					"path" : "rule/rule",
+					"style": {
+						"navigationBarTitleText": "活动规则",
+						"enablePullDownRefresh" : false
+					}
 				}
 			]
 		}

setting/rule/rule.vue

+<template>
+	<view class="article">
+		<view class="bg-box-1">
+			<view class="bg-box-2">
+				<view class="flex-row-center title-content">
+					<view class="xx">
+						<image :src="assetsPath+'/xx.png'" mode="widthFix"></image>
+					</view>
+					<view class="title-text">
+						<view class="text">
+							<text>{{article.protocolTitle || '规则'}}</text>
+						</view>
+						<view class="line">
+
+						</view>
+					</view>
+					<view class="xx">
+						<image :src="assetsPath+'/xx.png'" mode="widthFix"></image>
+					</view>
+				</view>
+				<scroll-view class="scroll-view" scroll-y="true">
+					<view class="scroll-view-content">
+						<view class="" v-html="article.content">
+
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import config from "@/config/index.config";
+	import {
+		getProtocol
+	} from "@/api/index.js";
+
+	export default {
+		data() {
+			return {
+				assetsPath: config.assetsPath,
+				article: {
+					protocolTitle: '',
+					content: '',
+				},
+				keyData: ""
+			};
+		},
+		onLoad(option) {
+			if (option && option.keyData) {
+				this.keyData = option.keyData
+			}
+			this.onLoading()
+		},
+		methods: {
+			onLoading() {
+				getProtocol(this.keyData).then(res => {
+					console.log(res)
+					if (res.data.code) {
+						uni.setNavigationBarTitle({
+							title: res.data.data.protocolTitle
+						})
+						this.article = res.data.data
+					}
+				})
+			}
+		}
+	}
+</script>
+<style>
+	page {
+		width: 100%;
+		height: 100%;
+		background-color: rgb(255, 234, 191);
+	}
+</style>
+<style lang="scss">
+	.article {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		width: 100vw;
+		height: 100%;
+	}
+
+	.bg-box-1 {
+		display: flex;
+		flex: 1;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: 690upx;
+		background: #FFCA7E;
+		border-radius: 32upx;
+		padding: 6px 0;
+		margin: 30upx 0 40upx;
+
+		.bg-box-2 {
+			display: flex;
+			height: 98%;
+			width: 650upx;
+			flex-direction: column;
+			align-items: center;
+			background: linear-gradient(-42deg, #FFF5CB, #FFFFFF);
+			border-radius: 32upx;
+
+			.title-content {
+				margin: 24upx 0;
+
+				.title-text {
+					display: flex;
+					justify-content: center;
+					position: relative;
+					margin: 0 20upx;
+
+					.text {
+						position: relative;
+						font-weight: normal;
+						font-size: 48rpx;
+						color: #000000;
+						background: linear-gradient(-90deg, #FF7800 0%, #FF0000 100%);
+						-webkit-background-clip: text;
+						-webkit-text-fill-color: transparent;
+						z-index: 2;
+					}
+
+					.line {
+						position: absolute;
+						bottom: 0;
+						width: 110%;
+						height: 15upx;
+						background: #FFEABF;
+						border-radius: 8upx;
+					}
+				}
+
+				.xx {
+					width: 30upx;
+
+					image {
+						width: 100%;
+						max-height: 34upx;
+					}
+				}
+			}
+
+			.scroll-view {
+				display: flex;
+				flex: 1;
+				position: relative;
+				width: 100%;
+				overflow: hidden;
+
+				.scroll-view-content {
+					position: absolute;
+					left: 0;
+					width: 100%;
+					padding: 24upx;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file