| | |
| | | <template> |
| | | <view class="relative"> |
| | | <headNav :idIndex="idIndex" text="中医人物数据库" /> |
| | | <headNav :idIndex="idIndex" text="历代人物" /> |
| | | <view class="Midde flex"> |
| | | <el-button class="MiddeBack flex flex-center" @click="goBack">返回</el-button> |
| | | <view style="width: 70%;" class="flex flex-center flex-column"> |
| | | <view class="" style="font-weight: bold;font-size: .20rem;">李时珍</view> |
| | | <view style="font-weight: bold;font-size: .20rem;">李时珍</view> |
| | | <ul class="flex" style="line-height: 1.2;margin: .15rem 0 ;"> |
| | | <li v-for="item in 4" |
| | | style="background-color: #fff; padding: 0 .08rem ; border: .01rem solid #000;border-radius:.1rem ;font-size: .12rem;text-align: center;margin-right: .15rem;"> |
| | |
| | | 东璧,时人谓之:李东璧。号濒湖,晚年自号濒湖山人,湖北薪州(今湖北省黄冈市薪春县薪州镇)人,汉族,生于明武宗正德十三年(公元1518年),卒于神宗万历二十二年(公元1593年)。是中国明代与万密斋齐名的医学家、药物学家、博物学家、著述家。李时珍对道家医学的继承是多方面的,曾参考历代有关医药及其学术书籍八百余种,结合自身经验和调查研究,历时27年编成《本草纲目》一书,是我国古代药物学的总结性巨著,在国内外均有很高的评价,已有几种文字的译本或节译本,其著有《濒湖脉学》 |
| | | </view> |
| | | <view class="flex" style="width: 100%;margin: .25rem 0 .15rem 0;"> |
| | | <view class=""> |
| | | <view > |
| | | <!-- <el-button style="padding: 10rpx;" size="mini" icon="el-icon-folder-add">收藏</el-button> --> |
| | | <el-button style="padding: .05rem .085rem;" class="yinyong flex"> |
| | | <img src="@/static/image/yinyong.png" alt="" />引用</el-button> |
| | | </view> |
| | | <view class="" style="font-size: .12rem;color: #244A7B;" @click="ProfileClick">阅读更多></view> |
| | | <view style="font-size: .12rem;color: #244A7B;" @click="ProfileClick">阅读更多></view> |
| | | </view> |
| | | </view> |
| | | <view class="" style="width: 5%;"></view> |
| | | <view style="width: 5%;"></view> |
| | | </view> |
| | | <el-row style="padding: 0 1.2rem 0;padding-top: .24rem;"> |
| | | <!-- 左侧 --> |
| | |
| | | <view class="ProfileNav flex flex-center"> |
| | | 个人小传 |
| | | </view> |
| | | <view class="" style="padding: .44rem .3rem;min-height: 7.32rem;"> |
| | | <view class="" |
| | | <view style="padding: .44rem .3rem;min-height: 7.32rem;"> |
| | | <view |
| | | style="margin-bottom: .2rem; background-color: #F0F0F0;padding: .18rem .1rem .1rem .27rem;font-size: .12rem;line-height: .24rem;font-weight: 400;"> |
| | | <view class="" style="color: #2C2C2C;"> |
| | | <view style="color: #2C2C2C;"> |
| | | 蕙展丁丑同里日岩额序先考月池翁著《四彭酸明》八卷,皆精指奥室,茂犀未能疯造,珍因撮粹想菜,僵撰此唐,以便智睛,服指南。世之雷病雨家,咸以服焉首务,不知派乃四能之末,谓之巧者雨。上士欲舍其全,非四不可。 |
| | | </view> |
| | | <view class="flex"> |
| | | <view class=""></view> |
| | | <view class="" style="font-weight: 700;color: #2C2C2C;">——《奇八服考》P 3</view> |
| | | <view ></view> |
| | | <view style="font-weight: 700;color: #2C2C2C;">——《奇八服考》P 3</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | }, |
| | | { |
| | | prop: 'epoch', |
| | | label: '著作时代' |
| | | label: '著作时期' |
| | | }, { |
| | | prop: 'category', |
| | | label: '类别' |
| | |
| | | }, |
| | | onLoad(options) { |
| | | this.idIndex = options.id |
| | | console.log('optionsoptionsoptions', options.id); |
| | | }, |
| | | mounted() { |
| | | |
| | |
| | | // 获取第一个选项卡的 DOM 元素 |
| | | const firstTab = this.$refs.tabs.$el.querySelector('.el-tabs__active-bar'); |
| | | firstTab.style.transform = 'translateX(' + '-.2rem' + ')' |
| | | console.log(firstTab); |
| | | }); |
| | | |
| | | |
| | |
| | | methods: { |
| | | // 放大地图跳转 |
| | | fangdaClick(index) { |
| | | console.log(index); |
| | | if (index == 1) { |
| | | console.log('跳转关系地图'); |
| | | uni.navigateTo({ |
| | | url: '/pages/character/index' |
| | | }) |
| | |
| | | uni.navigateTo({ |
| | | url: '/pages/characterMap/characterMap' |
| | | }) |
| | | console.log('跳转时空地图'); |
| | | } |
| | | }, |
| | | // 小传 |
| | |
| | | }, |
| | | // 返回顶部 |
| | | scrollToTop() { |
| | | console.log('ss'); |
| | | window.scrollTo({ |
| | | top: 0, |
| | | behavior: "smooth" // 使用平滑滚动 |
| | |
| | | this.$nextTick(() => { |
| | | let firstTab = this.$refs.tabs.$el.querySelector('.el-tabs__active-bar'); |
| | | if (index == 0) { |
| | | console.log('sss'); |
| | | firstTab.style.transform = 'translateX(-' + .2 + 'rem)' |
| | | } else if (index == 1) { |
| | | firstTab.style.transform = 'translateX(' + .85 * index + 'rem)' |
| | |
| | | let firstTab = this.$refs.tabs.$el.querySelector('.el-tabs__active-bar'); |
| | | firstTab.style.transform = 'translateX(' + '-.2' + 'rem)' |
| | | } |
| | | // console.log(firstTab); |
| | | }) |
| | | }, |
| | | // 关系图谱 |
| | |
| | | } |
| | | |
| | | }); |
| | | console.log(links); |
| | | let FontSize = 12; // 字体大小 |
| | | let BorderWidth = 2; // 边框大小 |
| | | let SymbolSize = 80; // 尺寸距离 |
| | |
| | | } |
| | | |
| | | /* --------------- */ |
| | | @media screen and (min-width:2560px)and (max-width:3840px) {} |
| | | |
| | | .BoxLeft ::v-deep.el-card__body { |
| | | padding: .1rem .11rem !important; |
| | |
| | | |
| | | ::v-deep .el-dialog__body { |
| | | padding: 0; |
| | | } |
| | | |
| | | ::v-deep .el-dialog__wrapper { |
| | | z-index: 999999999999999 !important; |
| | | } |
| | | |
| | | .ProfileNav { |