<template>
|
<view class="bag ">
|
<view class="NavTop flex">
|
<view class=""><img src="../../static/中医人物知识库0201/三条杠.png" alt="" /></view>
|
<view class="">历代学术流派</view>
|
<view class="NavTopr">
|
<img src="../../static/中医人物知识库0201/三条杠.png" alt="" />
|
<img src="../../static/中医人物知识库0201/三条杠.png" alt="" />
|
<img src="../../static/中医人物知识库0201/三条杠.png" alt="" />
|
</view>
|
</view>
|
<view class="Midde flex">
|
<view class="MiddeBack">返回</view>
|
<view class="flex flex-center flex-column">
|
<view class="" style="font-weight: 900;margin-bottom:20rpx ;">河间图谱</view>
|
<ul class="flex Lists">
|
<li v-for="item in secretary "
|
:style="{background:item.istrue?'#5879a4':'#e5ecf4',color:item.istrue?'#fff':'#889fbd'}"
|
class="flex" @click="ListClick(item.id)">
|
{{item.name}}
|
</li>
|
</ul>
|
</view>
|
<view class=""></view>
|
</view>
|
<view class="Bottom">
|
<view class="Bottom_top flex">
|
<view class="BBimage">
|
<img src="https://img0.baidu.com/it/u=256816879,771155532&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1710435600&t=274348dc113725fdfa87c1023e4526aa"
|
alt="" srcset="" />
|
</view>
|
<view class="author">
|
<ul>
|
<li>代表性人物:刘完素</li>
|
<li>重要医家:马宗素，罗知，朱震宁</li>
|
<li>代表性苦作:-</li>
|
<li>学术特点:-</li>
|
<li>来源:任应秋，中医各家学说|M).上海:上海科学技术出版社，1986</li>
|
</ul>
|
</view>
|
</view>
|
<view class="Bottom_Bot" style="color: #d1d1d1 ;">
|
<view class="">
|
<!-- <csr-tab :tabList="tabList" :value="0"></csr-tab> -->
|
<csr-tab :value.sync="swiperIndex" :tabList="tabSwiperList"></csr-tab>
|
<swiper :current="swiperIndex" duration="300" :circular="true" indicator-color="rgba(255,255,255,0)"
|
indicator-active-color="rgba(255,255,255,0)" class="Swiper">
|
<!-- @change="swiperChange" -->
|
<swiper-item v-for="(swiper,index) in tabSwiperList" :key="index">
|
<view class="swiperList"
|
style="background-color: #FFFFFF;text-align: left;color: #000;">
|
{{swiper.content}}
|
</view>
|
</swiper-item>
|
</swiper>
|
</view>
|
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import * as echarts from 'echarts';
|
export default {
|
data() {
|
return {
|
swiperIndex: 0,
|
tabSwiperList: [{
|
TabControl: `标题1`,
|
content: `河间学派是以宋金时期河北河间著名医家刘完素为代表的医学流派。以《内经》理论为指导，以闸述火热病机，善治火热病证而著称于世。佀“六气皆能化火”说，治病善用寒凉，医学教育网搜集整理世人亦称之为寒凉派。河间学派在发展过程中丰富和发展了中医对火热病的认识，促进了病机学说的发展。为攻邪学派、丹溪学派的形成奠定了理论基础，亦是明清时期温病学派形成的先导。
|
河间学派有其独特的理论体系和师承投受关系，自刘字老创水热论之后，承袭其术者不乏其人。据中制记载，亲炙其学者，有稳大黄、稳子服、黄系、马宗者、荆山浮展等。穆大黄。
|
名字里籍及著作俱无从考。穆子昭与其父穆大黄同学于刘完素。董系亦为传河间辛凉之法者。刘河间，金著名医家，著有《素问玄机原病式》《医方精要宜明论》《三消论》等。他的火热理论，源于《素问。热论》和《至真要大论》病机十九条，其主要内容为“六气皆能化火”，临床分表里证辨治之，火热在表，治以辛凉甘寒;火热在里，用承气诸方;表里俱热，用防风通至、凉隔以两解之。自完素以后，讨论火热证的理论方药便自成体系。马宗素，《宋以前医籍考》云:“宗素亦金人，当得亲炙于守真之门者”。其著《伤寒医鉴》一书，从伤寒病的角度来宜扬刘完素的火热论，大张刘氏“人之伤寒则为热病，古今。同，通调之伤寒”(《伤寒医鉴。论六经传变》)及“六经传变皆是热证”(《伤寒医鉴。论汗下》)之说。
|
荆山浮屠，《明史。方技。戴思恭传》云:“震享……学医于宋内侍钱塘罗知俤，知俤得之荆山浮屠，浮居则河间刘守真门人也”。可知其学一传于罗知俤，再传于朱震享，使河间之说由北方面传到南方。`,
|
}, {
|
TabControl: `标题2`,
|
content: '内容2',
|
}, {
|
TabControl: `标题3`,
|
content: '内容3',
|
}, {
|
TabControl: `标题4`,
|
content: '内容4',
|
}],
|
secretary: [{
|
id: 1,
|
name: '幅度萨芬',
|
istrue: false
|
}, {
|
id: 2,
|
name: '幅度s萨芬',
|
istrue: false
|
}, {
|
id: 3,
|
name: '幅度s萨芬',
|
istrue: false
|
}, {
|
id: 4,
|
name: '幅度s萨芬',
|
istrue: false
|
}],
|
tabList: [{
|
name: '士大夫',
|
id: 1
|
}, {
|
name: '士2大夫',
|
id: 2
|
}, ]
|
}
|
},
|
methods: {
|
ListClick(event) {
|
console.log(event);
|
this.secretary.forEach(item => {
|
if (item.id === event) {
|
item.istrue = true;
|
} else {
|
item.istrue = false;
|
}
|
});
|
console.log(this.secretary);
|
}
|
},
|
mounted() {
|
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
view {
|
color: #fff;
|
}
|
|
.bag {
|
height: 100vh;
|
background-color: #fff;
|
}
|
|
.NavTop {
|
background-color: #0c274c;
|
padding: 25rpx;
|
|
img {
|
width: 30rpx;
|
height: 30rpx;
|
vertical-align: middle;
|
}
|
|
.NavTopr {
|
img {
|
margin-right: 10rpx;
|
}
|
}
|
}
|
|
.Midde {
|
background-color: #d1d6dc;
|
color: #000;
|
padding: 40rpx;
|
align-items: flex-start;
|
|
view {
|
|
color: #000;
|
}
|
|
.Lists {
|
li {
|
background-color: #e4ebf3;
|
border: 1rpx solid #5778a2;
|
padding: 5rpx 10rpx;
|
font-size: 18rpx;
|
}
|
}
|
}
|
|
.Bottom {
|
padding: 40rpx;
|
|
.Bottom_top {
|
justify-content: flex-start;
|
align-items: flex-end;
|
|
.author {
|
color: #000;
|
padding-left: 100rpx;
|
|
li {
|
padding: 5rpx 0;
|
}
|
}
|
}
|
|
.BBimage {
|
width: 50%;
|
height: 350rpx;
|
|
img {
|
width: 100%;
|
height: 100%;
|
vertical-align: top;
|
}
|
}
|
|
|
}
|
|
.Swiper {}
|
|
.swiperList {
|
/* flex: 1; */
|
/* min-height: 500rpx; */
|
}
|
</style>
|
