feat: 绑定试题页面

src/pages.json

@@ -124,6 +124,16 @@
 						"enablePullDownRefresh": false,
 						"disableScroll": true
 					}
+				},
+				{
+					"path": "boundTest",
+					"name": "learnBoundTest",
+					"style": {
+						"navigationBarTitleText": "绑定试题",
+						"navigationStyle": "custom",
+						"enablePullDownRefresh": false,
+						"disableScroll": true
+					}
 				}
 			]
 		},

src/pages/learn/boundTest.vue

+<template>
+  <view class="bound-test">
+    <u-navbar
+      back-icon-color="#191C27"
+      background="transparent"
+      title="绑定试题"
+      titleColor="#191C27"
+      :border-bottom="false"
+      title-bold
+    ></u-navbar>
+    <view class="body-view">
+      <image class="image-view" :src="successImage"></image>
+      <view class="content-view">学习卡已绑定成功</view>
+      <view class="tip-view">可以前往首页进行答题或模拟考试学习</view>
+      <view class="bottom-view">
+        <u-button
+          :customStyle="buttonStyle"
+          @click="handleClick"
+          type="primary"
+          shape="circle"
+        >
+          去首页
+        </u-button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+
+  computed: {
+    labels() {
+      return {
+        kemu: '考试科目',
+        tishu: '考试题数',
+        biaozhun: '合格标准',
+        guize: '出题规则',
+      }
+    },
+    successImage() {
+      return process.uniEnv.qn_base_url + 'shenqingtijiaochenggong.png'
+    },
+    buttonStyle() {
+      return {
+        height: '104rpx',
+        width: '400rpx',
+        backgroundColor: '#2953FF',
+        color: '#FFFFFF',
+        fontSize: '32rpx',
+        fontWeight: 'bold',
+      }
+    },
+  },
+  onLoad() {},
+  methods: {
+    handleClick() {
+      uni.switchTab({
+        url: '/pages/index/index',
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  color: transparent;
+  display: none;
+}
+.bound-test {
+  display: flex;
+  flex-direction: column;
+  background-image: linear-gradient(to top, #f7f9fc 0%, #e9f3ff 50%);
+  background-color: #f7f9fc;
+  background-size: 100% 520rpx;
+  background-repeat: no-repeat;
+  height: 100vh;
+  .body-view {
+    height: 100%;
+    overflow: auto;
+    padding-top: 100rpx;
+    text-align: center;
+    .image-view {
+      margin-top: 100rpx;
+      width: 224rpx;
+      height: 224rpx;
+    }
+    .content-view {
+      font-size: 40rpx;
+      color: #2953ff;
+      font-weight: bold;
+    }
+    .tip-view {
+      font-size: 26rpx;
+      color: #9ea5bb;
+      margin-top: 10rpx;
+    }
+    .bottom-view {
+      margin-top: 180rpx;
+    }
+  }
+}
+</style>