Merge branch 'master' of http://182.92.203.7:2001/r/TCM_CharacterLibrary
| | |
| | | <view class="NavTop flex" :style="{ backgroundImage: 'url(' + bg + ')' }" > |
| | | <view |
| | | class="santiaogang" |
| | | style=" |
| | | width: 0.34rem; |
| | | height: 0.34rem; |
| | | margin-right: 3rem; |
| | | cursor: pointer; |
| | | " |
| | | title="导航菜单" |
| | | style="width: 0.34rem; height: 0.34rem; margin-right: 3rem;cursor: pointer;" |
| | | @click="menuNav = !menuNav" |
| | | ><img |
| | | style="width: 100%; height: 100%" |
| | |
| | | }, |
| | | // 切换搜索框的展开和收起状态 |
| | | toggleSearch() { |
| | | // console.log('撒旦范德萨发生的',this.searchInput); |
| | | this.isExpanded = !this.isExpanded; |
| | | this.$nextTick(() => { |
| | | if (this.searchInput.trim() !== "") { |
| | | console.log("搜索", this.searchInput); |
| | | uni.navigateTo({ |
| | | url: |
| | | "/pages/knowledgeBase/knowledgeBase?keyword=" + this.searchInput |
| | | }); |
| | | } else { |
| | | console.log("不搜索"); |
| | | } |
| | | |
| | | this.searchInput = ""; |
| | | console.log(this.isExpanded); |
| | | }); |
| | | } |
| | | } |
| | |
| | | }, |
| | | methods: { |
| | | copyText() { |
| | | var textToCopy = document.getElementById("copyBox").innerText; |
| | | console.log(textToCopy, "textToCopy"); |
| | | navigator.clipboard.writeText(textToCopy).then(); |
| | | const txt = this.biogData[0].content+";来源:中医医学人物数据库" |
| | | navigator.clipboard.writeText(txt).then(); |
| | | this.$message({ |
| | | message: "复制成功!", |
| | | type: "success", |
| | |
| | | </view> |
| | | <view class="" style="margin-left: 0.2rem">书中最常提到的100位人物</view> |
| | | <!-- 关系表地图 --> |
| | | <view |
| | | id="relation" |
| | | style="margin-top: 0.2rem; height: 70vh; width: 100%" |
| | | ></view> |
| | | <view id="relation" style="margin-top: 0.2rem; height: 70vh; width: 100%;position: relative;" |
| | | ><div v-if="!loading && relationships.length == 0" style="position: absolute;top: 30%;left: 0;right: 0;text-align: center;font-size: 0.20rem;color: #666;">暂无相关数据</div></view |
| | | > |
| | | |
| | | <!-- 朝代 --> |
| | | <view |
| | | class="flex flex-center" |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | loading: true, |
| | | // echarts数据 |
| | | nodes: [], |
| | | // echarts两者的关系 |
| | |
| | | this.relationships.push(obj); |
| | | }); |
| | | } |
| | | this.loading = false; |
| | | this.relation(); |
| | | }); |
| | | }, |
| | |
| | | <el-dropdown trigger="click" @command="handleCommand" style="margin-right: .3rem;"> |
| | | <view @click="iconClick(2)" class="s2 ss1 "></view> |
| | | <el-dropdown-menu v-if="isCommand" slot="dropdown"> |
| | | <el-dropdown-item command="1" icon="el-icon-plus">修改密码</el-dropdown-item> |
| | | <el-dropdown-item command="2" icon="el-icon-circle-plus">退出登录</el-dropdown-item> |
| | | <el-dropdown-item command="1" >修改密码</el-dropdown-item> |
| | | <el-dropdown-item command="2" >退出登录</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </el-dropdown> |
| | | <view @click="iconClick(item+2)" v-for="item in 1" :key="item" :class="'s'+(item+2)" |
| | |
| | | // 搜索 |
| | | onSearch(val) { |
| | | uni.navigateTo({ |
| | | url: '/pages/knowledgeBase/knowledgeBase?name=' + val.text |
| | | url: '/pages/knowledgeBase/knowledgeBase?keyword=' + val.text |
| | | }) |
| | | }, |
| | | // 搜索 |
| | | // 切换搜索框的展开和收起状态 |
| | | toggleSearch() { |
| | | console.log('sdf'); |
| | | // console.log('撒旦范德萨发生的',this.searchInput); |
| | | this.isExpanded = !this.isExpanded; |
| | | this.$nextTick(() => { |
| | | if (this.searchInput.trim() !== '') { |
| | | uni.navigateTo({ |
| | | url: '/pages/knowledgeBase/knowledgeBase?name=' + this.searchInput |
| | | url: '/pages/knowledgeBase/knowledgeBase?keyword=' + this.searchInput |
| | | }) |
| | | // console.log('搜索', this.searchInput); |
| | | } else { |
| | | console.log('不搜索'); |
| | | } |
| | | |
| | | this.searchInput = ''; |
| | | console.log(this.isExpanded); |
| | | }) |
| | | }, |
| | | // 列表项跳转 |
| | |
| | | //通过 $ref 进行挂载 |
| | | let myChart = echarts.init(this.$refs.barChart); |
| | | |
| | | let FontSize = 12; // 字体大小 |
| | | let FontSize = 18; // 字体大小 |
| | | let BorderWidth = 2; // 边框大小 |
| | | let SymbolSize = 80; // 尺寸距离 |
| | | let Distance = 10; |
| | | // 不同尺寸下修改echarts的字体 |
| | | if (window.innerWidth > 2560 && window.innerWidth <= 3840) { |
| | | FontSize = 28; |
| | | FontSize = 20; |
| | | BorderWidth = 5; |
| | | SymbolSize = 100; |
| | | Distance = 33; |
| | | } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) { |
| | | FontSize = 28; |
| | | FontSize = 20; |
| | | BorderWidth = 4; |
| | | SymbolSize = 90; |
| | | Distance = 22; |
| | |
| | | { |
| | | type: "graph", |
| | | layout: "force", |
| | | symbolSize: 120, |
| | | symbolSize: 100, |
| | | //是否允许用户拖动图片 |
| | | roam: true, |
| | | label: { |
| | |
| | | }; |
| | | //进行渲染 |
| | | myChart.setOption(option); |
| | | myChart.getZr().on("click", (params) => { |
| | | if (!params.target) { |
| | | this.showTool = false; |
| | | } |
| | | }); |
| | | myChart.on("click", (params) => { |
| | | console.log(params.event.offsetX, params.event.offsetY); |
| | | if (params.componentType === "series") { |
| | |
| | | id: params.data.identifier, |
| | | name: encodeURIComponent(params.data.name), |
| | | }; |
| | | } else { |
| | | this.showTool = false; |
| | | } |
| | | }); |
| | | }, |
| | |
| | | box-shadow: 1px 1px 5px #888888; |
| | | align-items: center; |
| | | justify-content: center; |
| | | width: 1rem; |
| | | height: 0.25rem; |
| | | width: 1.4rem; |
| | | height: 0.3rem; |
| | | margin-left: 0.2rem; |
| | | border-radius: 0.13rem; |
| | | float: left; |
| | |
| | | box-shadow: 1px 1px 5px #888888; |
| | | align-items: center; |
| | | justify-content: center; |
| | | width: 1.3rem; |
| | | height: 0.25rem; |
| | | width: 1.6rem; |
| | | height: 0.3rem; |
| | | float: left; |
| | | margin-left: 0.2rem; |
| | | border-radius: 0.13rem; |
| | |
| | | } |
| | | .filterText { |
| | | margin-left: 10px; |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | } |
| | | .fontColor { |
| | | color: #827e44 !important; |
| | |
| | | }; |
| | | }, |
| | | onLoad(options) { |
| | | this.onSearch({ text: options.name }); |
| | | this.keywords = options.name; |
| | | console.log(options.keyword); |
| | | this.onSearch({ text: options.keyword }); |
| | | }, |
| | | mounted() { |
| | | // 修改两次的高度保持一致 |
| | |
| | | box1Height + box1Height / 18 + "px"; |
| | | console.log(box1Height, "box1Height"); |
| | | this.getStatistics(); |
| | | // 默认先调用搜索一次 |
| | | this.onSearch(""); |
| | | }, |
| | | methods: { |
| | | //重置搜索结果 |
| | |
| | | page: this.CurrentPage, |
| | | pageSize: this.pageSize, |
| | | }; |
| | | console.log(Obj,"ObjObjObj"); |
| | | // // 搜索 |
| | | await getPersonList(Obj).then((res) => { |
| | | if (res.success) { |
| | |
| | | |
| | | html { |
| | | /* font-size: calc(100vw / 1440 * 96) !important; */ |
| | | font-size: 126px; |
| | | font-size: 100px; |
| | | } |
| | | |
| | | body { |
| | |
| | | height: 40px; |
| | | line-height: 40px; |
| | | text-align: center; |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | border-bottom: 2px solid transparent; |
| | | position: relative; |
| | | z-index: 1; |
| | |
| | | } |
| | | |
| | | .markdown h3 { |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | } |
| | | |
| | | .markdown h4 { |
| | |
| | | <pre><code class="language-css" |
| | | >.iconfont { |
| | | font-family: "iconfont" !important; |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | font-style: normal; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | |
| | | |
| | | .iconfont { |
| | | font-family: "iconfont" !important; |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | font-style: normal; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | |
| | | } |
| | | |
| | | .uni-combox__label { |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | line-height: 22px; |
| | | padding-right: 10px; |
| | | color: #999999; |
| | |
| | | } |
| | | |
| | | .uni-select__label { |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | // line-height: 22px; |
| | | height: 35px; |
| | | padding-right: 10px; |
| | |
| | | color: #999; |
| | | line-height: 50px; |
| | | /* #ifdef MP-TOUTIAO */ |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | /* #endif */ |
| | | margin-right: 5px; |
| | | // opacity: 0.6; |
| | |
| | | line-height: 40px; |
| | | background-color: $uni-primary; |
| | | color: #fff; |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | letter-spacing: 2px; |
| | | } |
| | | |
| | |
| | | /* 减掉 10px 的元素高度,兼容nvue */ |
| | | color: #999; |
| | | /* #ifdef APP-NVUE */ |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | /* #endif */ |
| | | } |
| | | |
| | |
| | | .uni-indexed-list__title { |
| | | padding: 6px 12px; |
| | | line-height: 24px; |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | font-weight: 500; |
| | | } |
| | | </style> |
| | |
| | | } |
| | | |
| | | .uni-dialog-title-text { |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | font-weight: 500; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .uni-dialog-button-text { |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | color: #333; |
| | | } |
| | | |
| | |
| | | flex: 1; |
| | | border-radius: 50px; |
| | | color: #666; |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | } |
| | | |
| | | .uni-share-button::after { |
| | |
| | | margin: 5px; |
| | | color: #393939; |
| | | border:1px solid #ccc; |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | font-weight: 200; |
| | | background-color: #F9F9F9; |
| | | // TODO 暂时处理边框隐藏一边的问题 |
| | |
| | | } |
| | | |
| | | &[size=mini] { |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | font-weight: 200; |
| | | border-radius: 8px; |
| | | } |
| | |
| | | } |
| | | |
| | | .uni-h3 { |
| | | font-size: 16px; |
| | | font-size: 0.16rem; |
| | | color: #333; |
| | | font-weight: bold; |
| | | /* font-weight: 400; */ |