160 lines
4.9 KiB
Vue
160 lines
4.9 KiB
Vue
<template>
|
|
<view class="container88">
|
|
<!-- 公共组件-每个页面必须引入 -->
|
|
<public-module></public-module>
|
|
<z-nav-bar title="特定穴位"></z-nav-bar>
|
|
|
|
<view class="tedingBox">
|
|
<table :style="{'height':monHeight + 'px', 'margin-left':monmarleft + 'px', 'margin-top':monmartop + 'rpx'}" border cellspacing="0">
|
|
<tr class="titHear">
|
|
<td v-for="(item, index) in MonList.attribute">
|
|
{{item}}
|
|
</td>
|
|
</tr>
|
|
<tr v-for="(ikth, indth) in MonList.arry">
|
|
<td v-for="(item, index) in ikth">{{item}}</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table
|
|
:style="{'height':sunHeight + 'px', 'margin-left':sunmarleft + 'px', 'margin-top':sunmartop + 'rpx', 'margin-bottom':sunmarbot + 'rpx'}"
|
|
border cellspacing="0">
|
|
<tr class="titHear">
|
|
<td v-for="(item, index) in SunList.attribute">
|
|
{{item}}
|
|
</td>
|
|
</tr>
|
|
<tr v-for="(ikth, indth) in SunList.arry">
|
|
<td v-for="(item, index) in ikth">{{item}}</td>
|
|
</tr>
|
|
</table>
|
|
</view>
|
|
|
|
<music-play :playData="playData"></music-play>
|
|
<z-navigation></z-navigation>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import musicPlay from '@/components/music.vue'
|
|
import $http from '@/config/requestConfig.js';
|
|
export default {
|
|
data() {
|
|
return {
|
|
monHeight: 0,
|
|
monmarleft: 0,
|
|
sunHeight: 0,
|
|
sunmarleft: 0,
|
|
sunmartop: 0,
|
|
sunmarbot: 0,
|
|
playData: {},
|
|
MonList: {
|
|
title: '阴经',
|
|
vlue: '属性',
|
|
attribute: ['阴经', '属性', '肺经(金)', '脾经(土)', '心(火)', '肾经(水)', '心包经(冬至前相火，冬至后相水)', '肝经(木)'],
|
|
arry: [
|
|
['井', '木', '少商', '隐白', '少冲(母穴)', '涌泉(子穴)', '中冲(冬至前母穴冬至后子穴)', '大敦(本穴)'],
|
|
['荥', '火', '鱼际', '大都(母穴)', '少府(本穴)', '然谷(泄井当泄荥)', '劳宫(冬至前本穴)', '行间(子穴)'],
|
|
['俞', '土', '太渊(母穴)', '太白(本穴)', '神门(子穴)', '太溪', '大陵(冬至前子穴)', '太冲'],
|
|
['经', '金', '经渠(本穴)', '商丘(子穴)', '灵道', '复溜(母穴)', '间使(冬至后母穴)', '中封'],
|
|
['合', '水', '尺泽(子穴)', '阴陵泉', '少海(补井当补合)', '阴谷(本穴)', '曲泽(冬至后本穴)', '曲泉(母穴)'],
|
|
['郄', '', '孔最', '地机', '阴郄', '水泉', '郄门', '中都'],
|
|
['络', '', '列缺', '公孙', '通里', '大钟', '内关', '蠡沟'],
|
|
['募穴', '', '中府', '章门', '巨阙', '京门', '膻中', '期门']
|
|
]
|
|
},
|
|
SunList: {
|
|
title: '阳经',
|
|
vlue: '属性',
|
|
attribute: ['阳经', '属性', '大肠经(金)', '脾经(土)', '心(火)', '膀胱经(水)', '三焦经(冬至前相火,冬至后相水)', '胆经(木)'],
|
|
arry: [
|
|
['井', '金', '商阳(本穴)', '厉兑(子穴)', '少泽', '至阴(母穴)', '关冲(冬至后母穴)', '窍阴'],
|
|
['荥', '水', '二间(子穴)', '内庭(泄井当泄荥)', '前谷', '通谷(本穴)', '液门(冬至后本穴)', '侠溪(母穴)'],
|
|
['俞', '木', '三间', '陷谷', '后匾(母穴)', '束骨(子穴)', '中渚(冬至前回穴，冬至后子穴)', '临泣(本穴)'],
|
|
['经', '火', '阳溪', '解溪(母穴)', '阳谷(本穴)', '昆仑', '支沟(冬至前本穴)', '阳辅(子穴)'],
|
|
['合', '土', '曲池(母穴)', '足三里(本穴)', '小海(子穴)', '委中(补井当补合)', '天井(冬至前子穴)', '阳陵泉'],
|
|
['原', '', '合谷', '冲阳', '腕骨', '京骨', '阳池', '丘墟'],
|
|
['郄', '', '温溜', '梁丘', '养老', '金门', '会宗', '外丘'],
|
|
['络', '', '偏历', '丰隆', '支正', '飞扬', '外关', '光明'],
|
|
['募穴', '', '天枢', '中脘', '关元', '中极', '石门', '日月']
|
|
]
|
|
},
|
|
|
|
}
|
|
},
|
|
onLoad() {
|
|
this.getData()
|
|
|
|
},
|
|
|
|
onShow() {
|
|
|
|
},
|
|
onHide() {
|
|
|
|
},
|
|
methods: {
|
|
getData() {
|
|
this.monHeight = uni.getSystemInfoSync().windowWidth-20
|
|
this.monmarleft = uni.getSystemInfoSync().windowWidth-10
|
|
this.monmartop = 25
|
|
this.sunHeight = uni.getSystemInfoSync().windowWidth-20
|
|
this.sunmarleft = uni.getSystemInfoSync().windowWidth-10
|
|
this.sunmartop = 1000
|
|
this.sunmarbot = 1000
|
|
},
|
|
},
|
|
|
|
components: {
|
|
musicPlay
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.tedingBox {
|
|
flex-wrap: nowrap;
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
background-color: antiquewhite;
|
|
transform: rotate(90deg);
|
|
transform-origin: top left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
table tr {
|
|
// display: table-row;
|
|
}
|
|
|
|
table tr td {
|
|
border-bottom: 1px solid #a84a2d;
|
|
border-right: 1px solid #a84a2d;
|
|
padding: 8rpx 10rpx;
|
|
white-space: nowrap;
|
|
letter-spacing: 3rpx;
|
|
}
|
|
|
|
|
|
table tr.titHear td {
|
|
background-color: #fbd5ca;
|
|
font-weight: bold;
|
|
border-top: 1px solid #a84a2d;
|
|
}
|
|
|
|
table tr td:first-child {
|
|
border-left: 1px solid #a84a2d;
|
|
font-weight: bold;
|
|
background-color: #fbd5ca;
|
|
}
|
|
table tr td:nth-child(2) {
|
|
background-color: #fbd5ca;
|
|
}
|
|
|
|
}
|
|
</style> |