mh-two-thousand-and-two
2024-04-12 abdded451d7afb1922417ee4c937c531babc6bdb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<template>
    <view class="bag ">
    <!-- 顶部导航 -->
    <headNav  :idIndex="idIndex" text="历代学术流派"/>
        <view class="Midde flex">
            <!-- <view class="MiddeBack">返回</view> -->
            <el-button class="MiddeBack flex flex-center" @click="goBack">返回</el-button>
            <view class="flex flex-center flex-column">
                <view class="" style="font-weight: 900;margin-bottom:.2rem ;font-size: .26rem;line-height: 1;">河间学派
                </view>
                <ul class="flex Lists">
                    <li style="background-color: #597AA5;color: #fff;">学派介绍</li>
                    <!-- /pages/AcademicHistory/AcademicHistory -->
                    <li @click="ListClick" style="background-color: #fff;color: #597AA5;" >学派图谱</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> -->
                    <view class="flex flex-center csrTab1">
                        <csr-tab class="csrTab" :value.sync="swiperIndex" :tabList="tabSwiperList"></csr-tab>
                    </view>
                    <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 {
                // 标题顶部栏需要的东西
                idIndex:0,
                swiperIndex: 0,
                tabSwiperList: [{
                    TabControl: `学派概说`,
                    content: `河间学派是以宋金时期河北河间著名医家刘完素为代表的医学流派。以《内经》理论为指导,以闸述火热病机,善治火热病证而著称于世。佀“六气皆能化火”说,治病善用寒凉,医学教育网搜集整理世人亦称之为寒凉派。河间学派在发展过程中丰富和发展了中医对火热病的认识,促进了病机学说的发展。为攻邪学派、丹溪学派的形成奠定了理论基础,亦是明清时期温病学派形成的先导。
                河间学派有其独特的理论体系和师承投受关系,自刘字老创水热论之后,承袭其术者不乏其人。据中制记载,亲炙其学者,有稳大黄、稳子服、黄系、马宗者、荆山浮展等。穆大黄。
                名字里籍及著作俱无从考。穆子昭与其父穆大黄同学于刘完素。董系亦为传河间辛凉之法者。刘河间,金著名医家,著有《素问玄机原病式》《医方精要宜明论》《三消论》等。他的火热理论,源于《素问。热论》和《至真要大论》病机十九条,其主要内容为“六气皆能化火”,临床分表里证辨治之,火热在表,治以辛凉甘寒;火热在里,用承气诸方;表里俱热,用防风通至、凉隔以两解之。自完素以后,讨论火热证的理论方药便自成体系。马宗素,《宋以前医籍考》云:“宗素亦金人,当得亲炙于守真之门者”。其著《伤寒医鉴》一书,从伤寒病的角度来宜扬刘完素的火热论,大张刘氏“人之伤寒则为热病,古今。同,通调之伤寒”(《伤寒医鉴。论六经传变》)及“六经传变皆是热证”(《伤寒医鉴。论汗下》)之说。
                荆山浮屠,《明史。方技。戴思恭传》云:“震享……学医于宋内侍钱塘罗知俤,知俤得之荆山浮屠,浮居则河间刘守真门人也”。可知其学一传于罗知俤,再传于朱震享,使河间之说由北方面传到南方。`,
                }, {
                    TabControl: `学派发展`,
                    content: '学派发展',
                }, {
                    TabControl: `成就影响`,
                    content: '成就影响',
                }, {
                    TabControl: `相关文献`,
                    content: '相关文献',
                }],
                secretary: [{
                    id: 1,
                    name: '幅度萨芬',
                    istrue: false
                }, {
                    id: 2,
                    name: '幅度s萨芬',
                    istrue: false
                }],
                tabList: [{
                    name: '士大夫',
                    id: 1
                }, {
                    name: '士2大夫',
                    id: 2
                }, ]
            }
        },
        onLoad(options) {
            this.idIndex = options.id
            console.log('optionsoptionsoptions',options.id);
        },
        methods: { // 返回上一页
            goBack() {
                // uuni.redirectTo();
                uni.redirectTo({
                    url: '/pages/index/index'
                })
            },
            ListClick(event) {
                console.log(event);
                uni.navigateTo({
                    url: '/pages/AcademicHistory/AcademicHistory?id='+this.idIndex
                })
                this.secretary.forEach(item => {
                    if (item.id === event) {
                        item.istrue = true;
                    } else {
                        item.istrue = false;
                    }
                });
                console.log(this.secretary);
            }
        },
        mounted() {
 
        }
    }
</script>
 
<style scoped>
    * {
        box-sizing: border-box;
    }
 
    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; */
        background-image: url(@/static/image/学派Bg.png);
        background-size: 100% 100%;
        color: #000;
        padding: .18rem .23rem 0;
        align-items: flex-start;
        height: 1.43rem;
 
        view {
 
            color: #000;
        }
 
        .MiddeBack {
            width: 0.6rem;
            height: 0.24rem;
            font-size: .12rem;
            padding: 0;
 
        }
 
        .Lists {
            li {
                /* background-color: #e4ebf3;
                border: 1rpx solid #5778a2;
                padding: 5rpx 10rpx;
                font-size: 18rpx; */
                width: 0.96rem;
                height: .3rem;
                border: 1px solid #597AA5;
                line-height: .3rem;
                text-align: center;
                font-size: .14rem;
            }
        }
    }
 
    .Bottom {
        padding: .39rem 1.21rem !important;
 
        .Bottom_top {
            justify-content: flex-start;
            /* align-items: flex-end; */
            align-items: flex-start;
            padding: 0 1.59rem;
 
            .BBimage {
                width: 4.05rem;
                height: 1.93rem;
                margin-right: .49rem;
            }
 
            .author {
                color: #000;
                /* padding-left: 100rpx; */
 
                li {
                    /* padding: 5rpx 0;
                     */
                    line-height: .22rem;
                    font-size: .14rem;
                    margin-top: .05rem;
                    color: #2C2C2C;
                }
            }
        }
 
        .BBimage {
            width: 50%;
            height: 350rpx;
 
            img {
                width: 100%;
                height: 100%;
                vertical-align: top;
            }
        }
 
 
    }
 
    .Bottom_Bot {
        margin-top: .39rem;
    }
 
    .csrTab1 {
        border-bottom: 2px solid #9E9E9E;
        margin-bottom: .3rem;
    }
 
    .csrTab {
        width: 40%;
        height: .4rem;
        /* line-height: .3rem; */
        font-size: .14rem;
        display: flex;
 
    }
 
    .Swiper {
        padding: 0 1.25rem;
        height: 2rem;
 
    }
 
    .csrTab ::v-deep .uni-tab-bar {
        border: 0 !important;
        height: .02rem;
        background-color:#597AA5;
    }
 
    .csrTab ::v-deep .uni-tab-item {
        color: #9E9E9E !important;
        font-weight: 700;
        height: .4rem;
    }
 
    .csrTab ::v-deep .uni-tab-active {
        color: #597AA5 !important;
    }
 
    .swiperList {
        line-height: .28rem;
        font-size: .14rem;
        color: #2C2C2C;
    }
@media screen and (min-width:2560px)and (max-width:3840px){
    /* .csrTab ::v-deep .uni-tab-bar {
        border: 0.015rem solid #597AA5 !important;
    } */
}
    
    @media screen and (min-width:1366px) and (max-width:1920px){
    /*     .csrTab ::v-deep .uni-tab-bar {
            border: 0 !important;
            height: .02rem;
            background-color:#597AA5;
            
        } */
    }
</style>