运动强度tip

src/doctor/Doctor.vue

@@ -66,7 +66,7 @@ export default {
             if (!token) {
                 token = sessionStorage.getItem('token')
                 if (process.env.NODE_ENV !== 'production') {
-                    token = '87476f6c-66a6-46cf-aa95-f4dd7c98567d'
+                    token = '9eb16a0d-0bd6-4d38-835d-cc08e18e76d1'
                 }
             }
             if (token) {

src/doctor/components/movementTip/MovementTip.vue

+<template>
+    <div class="movement-tip">
+        <!-- 运动强度说明 -->
+         <span @click="visible = !visible">
+            <slot>
+                <doc-icon type="doc-info-circle" />
+            </slot>
+         </span>
+        <van-popup v-model:show="visible" closeable>
+            <div class="p-3 panel">
+                <div class="title mb-2">确定有氧运动强度的常用方法</div>
+                <table>
+                    <tr>
+                        <th>强度分级</th>
+                        <th>PRE（0-10分）</th>
+                        <th>谈话实验</th>
+                    </tr>
+                    <tr>
+                        <td>低</td>
+                        <td>很轻松（&lt;3）</td>
+                        <td rowspan="2">能说话也能唱歌</td>
+                    </tr>
+                    <tr>
+                        <td>较低</td>
+                        <td>很轻松到轻松（3-4）</td>
+                    </tr>
+                    <tr>
+                        <td>中等</td>
+                        <td>轻松到有些吃力（5-6）</td>
+                        <td>能说话不能唱歌</td>
+                    </tr>
+                    <tr>
+                        <td>较大</td>
+                        <td>有些吃力到很吃力（7-8）</td>
+                        <td rowspan="2">不能说出完整句子</td>
+                    </tr>
+                    <tr>
+                        <td>次最大到最大</td>
+                        <td>很吃力（≥9）</td>
+                    </tr>
+                </table>
+            </div>
+        </van-popup>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            visible: false
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.panel {
+    background-color: #fff;
+    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
+    color: #262626;
+    .title {
+        color: #262626;
+        font-size: 16px;
+        font-weight: 600;
+        text-align: center;
+    }
+}
+table {
+    border-right: 1px solid #f0f0f0;
+    border-bottom: 1px solid #f0f0f0;
+    td, th{
+        border-left: 1px solid #f0f0f0;
+        border-top: 1px solid #f0f0f0;
+        padding: 8px 12px 8px 16px;
+    }
+    th {
+        background-color: #fafafa;
+        font-weight: 600;
+        text-align: left;
+    }
+}
+</style>