提交代码

.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,17 @@
+<script>
+	export default {
+		onLaunch: function() {
+			console.log('App Launch')
+		},
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style>
+	/*每个页面公共css */
+</style>

main.js

@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import App from './App'
+
+Vue.config.productionTip = false
+
+App.mpType = 'app'
+
+const app = new Vue({
+    ...App
+})
+app.$mount()

manifest.json

@@ -0,0 +1,79 @@
+{
+    "name" : "welcomeNew",
+    "appid" : "",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "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.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.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<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.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            /* ios打包配置 */
+            "ios" : {},
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "h5" : {
+        "router" : {
+            "base" : "/yingxin/"
+        },
+        "devServer" : {
+            "port" : 8000
+        }
+    }
+}

pages.json

@@ -0,0 +1,36 @@
+{
+	"pages": [ 
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "迎新首页",
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/weiChat/weiChat",
+			"style":{
+				"navigationBarTitleText": "临时卡领取"
+			}
+		},  
+		{
+			"path": "pages/map/map",
+			"style":{
+				"navigationBarTitleText": "地图导览"
+			}
+		},  
+		{
+			"path": "pages/pay/pay",
+			"style":{
+				"navigationBarTitleText": "在线缴费"
+			}
+		} 
+    ],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "迎新",
+		"navigationBarBackgroundColor": "#f7f7f7",
+		"backgroundColor": "#ffffff"
+	}
+	
+}

pages/index/css/index.css

@@ -0,0 +1,60 @@
+
+.container{
+	width: 749rpx;
+	height: 1334rpx;
+	background: #fff;
+}
+.item-image{
+	width: 749rpx;
+	height: 360rpx;
+	margin: 0 auto;
+	background-image: url(../../static/images/showhead.png);
+   	background-size: 100% 100%;
+    background-attachment: inherit;
+    background-repeat: no-repeat;
+}
+.item-title{
+	display: flex;
+	flex-direction: row;
+	width: 400rpx;
+	margin-top: 39rpx;
+	margin-left: 30rpx;
+}
+.item-title-line{
+	width: 10rpx;
+	height: 32rpx;
+	background-color: #3FB0FF;
+}
+.item-title-font{
+	font-size: 32rpx;
+	font-weight: 700;
+	color: #333333;
+	margin-left: 15rpx;
+	margin-top: -5rpx;
+}
+.item-list{
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	width: 750rpx;
+	margin-top: 40rpx;
+	margin-left: 80rpx;
+}
+.item-list-one{
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: 150rpx;
+	margin-right: 80rpx;
+}
+.img-btn{
+	width: 90rpx;
+	height: 90rpx;
+}
+.list-txt{
+	width: 150rpx;
+	text-align: center;
+	font-size: 28rpx;
+	margin-top: 29rpx;
+	color: #333333;
+}

pages/index/index.vue

@@ -0,0 +1,77 @@
+<template>
+  <!-- 首页面 -->
+  <view class="container">
+    <view class="item-image"> </view>
+    <view class="item-title">
+      <view class="item-title-line"></view>
+      <view class="item-title-font">迎新指南</view>
+    </view>
+    <view class="item-list">
+      <view class="item-list-one" @click="navigateToMap">
+        <image src="../../static/images/map.png" class="img-btn"></image>
+        <text class="list-txt">地图导览</text>
+      </view>
+      <view class="item-list-one" @click="navigateToCard">
+        <image src="../../static/images/card.png" class="img-btn"></image>
+        <text class="list-txt">临时卡领取</text>
+      </view>
+	  <view class="item-list-one" @click="navigateToVr">
+	    <image src="../../static/images/vr.png" class="img-btn"></image>
+	    <text class="list-txt">VR全景</text>
+	  </view>
+	  <!-- <view class="item-list-one" @click="navigateToPay">
+	    <image src="../../static/images/pay.png" class="img-btn"></image>
+	    <text class="list-txt">在线缴费</text>
+	  </view> -->
+    </view>
+	<view class="item-list">
+		<!-- <view class="item-list-one" @click="navigateToVr">
+		  <image src="../../static/images/vr.png" class="img-btn"></image>
+		  <text class="list-txt">VR全景</text>
+		</view> -->
+	</view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+
+  onLoad() {
+    //预加载页面
+    uni.preloadPage({ url: "../map/map" });
+    uni.preloadPage({ url: "../weiChat/weiChat" });
+  },
+  upUnload() {},
+  methods: {
+    //跳转地图导览页面
+    navigateToMap() {
+      uni.navigateTo({
+        url: "../map/map",
+      });
+    },
+    //跳转临时卡页面
+    navigateToCard() {
+      uni.navigateTo({
+        url: "../weiChat/weiChat",
+      });
+    },
+    //跳转缴费页面
+    navigateToPay() {
+      let gwUrl = "https://chtech.ncjti.edu.cn/jiaofei/jiaofeiH5/#/";
+      window.location.href = gwUrl;
+    },
+	//跳转VR
+	navigateToVr() {
+	  let gwUrl = "https://www.720pai.net/tour/dfecea34bfc84088";
+	  window.location.href = gwUrl;
+	},
+  },
+};
+</script>
+
+<style>
+@import url("./css/index.css");
+</style>

pages/map/css/index.css

@@ -0,0 +1,236 @@
+.container{
+	width: 749rpx;
+	height: 1534rpx;
+	background: #fff;
+}
+.item-image{
+	width: 700rpx;
+	height: 530rpx;
+	margin: 20rpx auto;
+	background-image: url(../../static/images/map_head.png);
+   	background-size: 100% 100%;
+    background-attachment: inherit;
+    background-repeat: no-repeat;
+}
+.item-kuang{
+	position: absolute;
+	margin: 234px 329px;
+	width: 38px;
+	height: 38px;
+	background-color: rgb(0, 0, 0, 0.5);
+}
+.inner-image{
+	width: 26px;
+	height: 26px;
+	margin: 6px 6px;
+	position: absolute;
+}
+.item-list{
+	display: block;
+	flex-direction: row;
+	justify-content: flex-start;
+	width: 230rpx;
+	margin-top: 50rpx;
+	margin-left: 40rpx;
+	float: left;
+}
+.item-list-one{
+	display: block ruby;
+	flex-direction: column;
+	align-items: center;
+	width: 230rpx;
+	margin-right: 80rpx;
+}
+.img-btn{
+	position: relative;
+	width: 33rpx;
+	height: 33rpx;
+	background-color: #3FB0FF;
+}
+.txt-btn{
+	position: relative;
+	color: white;
+	margin-left:-12px;
+	margin-top: -10rpx;
+	font-size: 28rpx;
+	line-height: 30rpx;
+}
+.list-txt{
+	text-align: center;
+	font-size: 28rpx;
+	margin-top: 29rpx;
+	margin-left: 20rpx;
+	color: #333333;
+}
+.item-list-two{
+	display: block;
+	flex-direction: row;
+	justify-content: flex-start;
+	width: 140rpx;
+	margin-top: 50rpx;
+	margin-left: 40rpx;
+	float: left;
+}
+.item-list-two2{
+	display: block ruby;
+	flex-direction: column;
+	align-items: center;
+	width: 150rpx;
+	margin-right: 80rpx;
+}
+.img-btn-two{
+	position: relative;
+	width: 33rpx;
+	height: 33rpx;
+	background-color: #3FB0FF;
+}
+.txt-btn-two{
+	position: relative;
+	color: white;
+	margin-left:-12px;
+	margin-top: -10rpx;
+	font-size: 28rpx;
+	line-height: 30rpx;
+}
+.list-txt-two{
+	width: 150rpx;
+	text-align: center;
+	font-size: 28rpx;
+	margin-top: 29rpx;
+	margin-left: 20rpx;
+	color: #333333;
+}
+/* 右侧 */
+.item-list-three{
+	display: block;
+	flex-direction: row;
+	justify-content: flex-start;
+	width: 230rpx;
+	margin-top: 50rpx;
+	margin-left: 40rpx;
+	float: right;
+}
+.item-list-three3{
+	display: block ruby;
+	flex-direction: column;
+	align-items: center;
+	width: 230rpx;
+	margin-right: 80rpx;
+}
+.img-btn-three{
+	position: relative;
+	width: 33rpx;
+	height: 33rpx;
+	background-color: #3FB0FF;
+}
+.txt-btn-three{
+	position: relative;
+	color: white;
+	margin-left:-12px;
+	margin-top: -10rpx;
+	font-size: 28rpx;
+	line-height: 30rpx;
+}
+.list-txt-three{
+	width: 150rpx;
+	text-align: center;
+	font-size: 28rpx;
+	margin-top: 29rpx;
+	margin-left: 20rpx;
+	color: #333333;
+}
+/* 报到路线 */
+.item-title{
+	display: flex;
+	flex-direction: row;
+	width: 400rpx;
+	padding-top: 39rpx;
+	margin-left: 40rpx;
+}
+.item-title-line{
+	width: 10rpx;
+	height: 48rpx;
+	background-color: #3FB0FF;
+}
+.item-title-font{
+	font-size: 36rpx;
+	font-weight: 700;
+	color: #333333;
+	margin-left: 15rpx;
+	margin-top: 0rpx;
+}
+/* 具体路线 */
+.position-list{
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	width: 700rpx;
+	height: 80rpx;
+	margin-top: 50rpx;
+	margin-left: 120rpx;
+}
+.position-list-one{
+	display: flex ruby;
+	flex-direction: column;
+	align-items: center;
+	width: 180rpx;
+	margin-right: 40rpx;
+}
+.img-position{
+	position: relative;
+	width: 63rpx;
+	height: 63rpx;
+	border-radius: 50%;
+	background-color: #3FB0FF;
+}
+.txt-position{
+	  position: absolute;
+	  color: white;
+	  margin-left: -20px;
+	  margin-top: 8px;
+	  font-size: 14px;
+	  line-height: 13px;
+}
+.position-txt{
+	position: absolute;
+	text-align: center;
+	font-size: 30rpx;
+	margin-top: 63rpx;
+	margin-left: -11.5%;
+	color: #333333;
+}
+.position-jian{
+	position: absolute;
+	width: 70rpx;
+	height: 28rpx;
+	margin: 12rpx 20rpx;
+	background-size: 100% 100%;
+	background-attachment: inherit;
+	background-repeat: no-repeat;
+}
+/* 详细介绍 */
+.item-mark{
+	width: 600rpx;
+	/* height: 80rpx; */
+	font-size: 32rpx;
+	line-height: 50rpx;
+	margin-top: 60rpx;
+	margin-left: 80rpx;
+}
+.mark-list{
+	margin-top: 30rpx;
+	text-align: justify;
+}
+/* 报到流程图 */
+.swiper{
+	margin-top: 10rpx;
+	margin-left: 10rpx;
+	width: 700rpx;
+	height: 500rpx;
+}
+.swiper-img{
+	margin-left: 25rpx;
+	width: 670rpx;
+	height: 430rpx;
+	border: 1rpx solid #a3a3a3;
+}

pages/map/map.vue

@@ -0,0 +1,158 @@
+<template>
+  <!-- 地图导览页面 -->
+  <view class="container">
+    <view class="item-image">
+		<view class="item-kuang">
+			<image class="inner-image" src="../../static/images/bigger.png" @click="clickImg"></image>
+		</view>
+	</view>
+	<!-- 地点 -->
+	<!-- <view>
+		<view class="item-list">
+		  <view class="item-list-one">
+			<image class="img-btn"></image><text class="txt-btn">1</text>
+			<text class="list-txt">行政楼</text>
+		  </view>
+		  <view class="item-list-one">
+			<image class="img-btn"></image><text class="txt-btn">2</text>
+			<text class="list-txt">科技楼</text>
+		  </view>
+		  <view class="item-list-one">
+			<image class="img-btn"></image><text class="txt-btn">3</text>
+			<text class="list-txt">大学生活动中心</text>
+		  </view>
+		</view>
+		<view class="item-list-two">
+		  <view class="item-list-two2">
+			<image class="img-btn-two"></image><text class="txt-btn-two">4</text>
+			<text class="list-txt-two">食堂</text>
+		  </view>
+		  <view class="item-list-two2">
+			<image class="img-btn-two"></image><text class="txt-btn-two">5</text>
+			<text class="list-txt-two">系办大楼</text>
+		  </view>
+		  <view class="item-list-two2">
+			<image class="img-btn-two"></image><text class="txt-btn-two">6</text>
+			<text class="list-txt-two">学生公寓</text>
+		  </view>
+		</view>
+		<view class="item-list-three">
+		  <view class="item-list-three3">
+			<image class="img-btn-three"></image><text class="txt-btn-three">7</text>
+			<text class="list-txt-three">1号教学楼</text>
+		  </view>
+		  <view class="item-list-three3">
+			<image class="img-btn-three"></image><text class="txt-btn-three">8</text>
+			<text class="list-txt-three">2号教学楼</text>
+		  </view>
+		  <view class="item-list-three3">
+			<image class="img-btn-three"></image><text class="txt-btn-three">9</text>
+			<text class="list-txt-three">图文信息中心</text>
+		  </view>
+		</view>
+	</view> -->
+	<view class="item-title">
+	  <view class="item-title-line"></view>
+	  <view class="item-title-font">报到路线</view>
+	</view>
+	<!-- 路线 -->
+	<view class="position-list">
+	  <view class="position-list-one" v-for="(item,index) in position"
+            :key="index">
+		<image class="img-position"></image><text class="txt-position">{{index+1}}</text>
+		<text class="position-txt">{{item.place}}</text>
+		<image v-if="index<2" src="../../static/images/jiantou.png" class="position-jian"></image>
+	  </view>
+	</view>
+	<!-- 详细介绍 -->
+	<view class="item-mark">
+		<view class="mark-list" v-for="(item,index) in mark" :key="index">{{item.list}}</view>
+	</view>
+	<!-- 报到流程表 -->
+	<view class="item-title">
+	  <view class="item-title-line"></view>
+	  <view class="item-title-font">报到流程表</view>
+	</view>
+	<!-- 流程图 -->
+	<swiper class="swiper" circular :indicator-dots="indicatorDots">
+		<swiper-item v-for="(item, index) in img" :key="index">
+			<view class="swiper-item">
+				<image @click="clickImg2(item)" :src="item.srcUrl" class="swiper-img"></image>
+			</view>
+		</swiper-item>
+	</swiper>
+
+  </view>
+</template>
+
+<script>
+// 导入图片
+import room1 from '../../static/images/liuchengtu1.jpg'
+import room2 from '../../static/images/liuchengtu2.jpg'
+import room3 from '../../static/images/liuchengtu3.jpg'
+export default {
+  data() {
+    return {
+		position:[
+			{id:1,place:"行政楼"},
+			{id:2,place:"学生公寓"},
+			{id:3,place:"自由活动"},
+		],
+		mark:[
+			{list:"①第一步：主校门进门，到行政楼大厅交验通知书，缴费，领取收款收据，分配宿舍；"},
+			{list:"②第二步：到宿舍区，领取钥匙，以及生活用品，入住宿舍；"},
+			{list:"③第三步：自由活动、食堂就餐或参观校园；"},
+		],
+		indicatorDots: true,//滚动图片提示条默认出现
+		img:[
+			{
+				value: '1',
+				srcUrl:room1,
+				name: '图1'
+			},
+			{
+				value: '2',
+				srcUrl:room2,
+				name: '图2'
+			},
+			{
+				value: '3',
+				srcUrl:room3,
+				name: '图3'
+			},
+		],
+    };
+  },
+  created() {
+  },
+
+  methods: {
+	  //点击放大图片
+	  clickImg() {
+			wx.previewImage({
+				urls: ["../../static/images/map_head.png"], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
+				current: '', // 当前显示图片的http链接，默认是第一个
+				success: function(res) {},
+				fail: function(res) {},
+				complete: function(res) {},
+			})
+		},
+		//点击放大图片
+		clickImg2(item) {
+			// console.log(item.srcUrl)
+			wx.previewImage({
+				urls: [item.srcUrl], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
+				current: '', // 当前显示图片的http链接，默认是第一个
+				success: function(res) {},
+				fail: function(res) {},
+				complete: function(res) {},
+			})
+		},
+	
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import url("./css/index.css");
+</style>

pages/pay/pay.vue

@@ -0,0 +1,55 @@
+<template>
+  <!-- 地图导览页面 -->
+  <view class="content">
+    <image :src="'data:image/png;base64,' + imgUrl" mode="aspectFit" />
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      imgUrl: "",
+    };
+  },
+  created() {
+    this.getMap();
+  },
+
+  methods: {
+    getMap() {
+      uni.request({
+        url: "https://jtishfw.ncjti.edu.cn/yinxin/ncjtSecurityManagement/getSchoolMap",
+        data: "",
+        header: {
+          Accept: "text/plain",
+        },
+        method: "POST",
+        sslVerify: true,
+        success: ({ data, statusCode, header }) => {
+          if (statusCode == 200) {
+            // console.log(data);
+            // console.log(data.replace(/[\r\n]/g, ""));
+            var url = JSON.parse(data.replace(/[\r\n]/g, "")); //解析base64字符串
+            // console.log(url);
+            this.imgUrl = url.map;
+            // console.log(this.imgUrl);
+          }
+        },
+        fail: (error) => {},
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  image {
+    width: 750rpx;
+    height: 1207rpx;
+  }
+}
+</style>

pages/weiChat/weiChat.vue

@@ -0,0 +1,42 @@
+<template>
+  <!-- 临时卡领取页面 -->
+  <view class="container">
+	  <view class="content">
+		<image :src="imgUrl" mode="aspectFit" />
+	  </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      imgUrl: "../../static/images/card_get.png",
+    };
+  },
+  created() {
+  },
+
+  methods: {
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.container{
+	width: 748rpx;
+	height: 1334rpx;
+	background: #fff;
+}
+.content {
+  width: 100%;
+  height: 100%;
+  margin: 0 auto;
+  background-attachment: inherit;
+  background-repeat: no-repeat;
+  image {
+    width: 748rpx;
+    height: 1334rpx;
+  }
+}
+</style>

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:24rpx;
+$uni-font-size-base:28rpx;
+$uni-font-size-lg:32rpx;
+
+/* 图片尺寸 */
+$uni-img-size-sm:40rpx;
+$uni-img-size-base:52rpx;
+$uni-img-size-lg:80rpx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4rpx;
+$uni-border-radius-base: 6rpx;
+$uni-border-radius-lg: 12rpx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20rpx;
+$uni-spacing-row-lg: 30rpx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8rpx;
+$uni-spacing-col-base: 16rpx;
+$uni-spacing-col-lg: 24rpx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:40rpx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:36rpx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:30rpx;