提交 9f7935b0 authored 作者: 龙菲's avatar 龙菲

删除冗余代码

上级 041fddb7
......@@ -187,13 +187,6 @@ const routes = [
name: "3d",
component: () =>
import("@/views/3d/index.vue"),
},
// 3d展示页面,仅供测试用
{
path: "/caj",
name: "caj",
component: () =>
import("@/views/caj/index.vue"),
},
// 404
{
......
export var crPics = [
export const crPics = [
[
{
"name": "邓氏贵州鱼龙(模式标本)",
"crId": "fe79d56cd28142e9a6404277c7fbef67",
"index":"2",
"index": "2",
"intro": "邓氏贵州鱼龙属于鱼龙目,萨斯特鱼龙科,贵州鱼龙属,产于贵州关岭岗乌乡白岩,晚三叠世法朗组瓦窑组。邓氏贵州鱼龙已列入“国家重点保护古生物化石名录(第一批)”,也是关岭生物群的重要成员之一。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/2邓氏贵州鱼龙/low/2邓氏贵州鱼龙.png"
},
{
"name": "梁氏关岭鱼龙(怀孕)",
"crId": "aaf921134d9a4abbbe6c300ad7cf0fcd",
"index":"1",
"index": "1",
"intro": "该标本左侧视保存,右前肢骨骼保存较为散乱,左后肢部分骨骼缺失。标本两侧肋骨之间保存有三条胚胎个体,胚胎的脊椎部分出露。胚胎可见长度90~110cm。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/22梁氏关岭鱼龙(怀孕)/low/22梁氏关岭鱼龙-怀孕.png"
},
{
"name": "美丽瓦窑龙(模式标本)",
"crId": "26a5c7cd499a4d22a6f43e7d881dcaae",
"index":"3",
"index": "3",
"intro": "该标本是美丽瓦窑龙的正模标本,也就是美丽瓦窑龙这个新属种命名依据的标本。美丽瓦窑龙属于肿肋龙类瓦窑龙属,产出于贵州关岭新铺乡小凹,上三叠统瓦窑组,是关岭生物群的重要成员。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/3美丽瓦窑龙/low/3美丽瓦窑龙.png"
},
......@@ -27,21 +27,21 @@ export var crPics = [
{
"name": "许氏创孔海百合",
"crId": "39ea6e3fb71c434aa07cf25c98b96ace",
"index":"1",
"index": "1",
"intro": "许氏创孔海百合属于超大型密集共生的国家一级重点保护古生物化石,主要产自关岭等地的法郎组瓦窑段,距今约两亿三千万年。是一种古老的无脊椎棘皮动物。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/10许氏创孔海百合/low/10许氏创孔海百合.png"
},
{
"name": "黄果树安顺龙",
"crId": "7b822103b1a3493a95004bca11d526a4",
"index":"2",
"index": "2",
"intro": "黄果树安顺龙是“国家重点保护古生物化石名录”中的一级化石,这条黄果树安顺龙龙长3.72m,呈腹视保存,整体骨骼出露清晰,表面覆盖极薄的围岩,尾末端有缺失,左前肢指骨有移位,腹膜肋呈松散保存。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/26黄果树安顺龙/low/26黄果树安顺龙.png"
},
{
"name": "杨氏幻龙",
"crId": "5d8d468a0a7e40cb9c53089c658f6778",
"index":"3",
"index": "3",
"intro": "蜥形纲,鳞龙形下纲,鳍龙超目,始鳍龙目,幻龙科,幻龙属。标本为产出于贵州省兴义的中三叠统法郎组竹竿坡段地层中的幻龙类幼体。腹视保存,整体保存较好,仅尾后部脱位保存。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/16杨氏幻龙/low/16杨氏幻龙.png"
},
......@@ -52,21 +52,21 @@ export var crPics = [
{
"name": "兴义欧龙",
"crId": "c6c0b8beda804b1097914c8db014c921",
"index":"1",
"index": "1",
"intro": "兴义欧龙为产出于贵州省兴义的中三叠统法郎组竹竿坡段地层中的海生爬行动物。该化石腹视保存,整体骨骼保存良好,仅腹膜肋部分散乱保存。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/15兴义欧龙/low/15兴义欧龙.png"
},
{
"name": "盘县混鱼龙",
"crId": "ad54eec4c4b54f9ea3cb5d406b1f2a88",
"index":"2",
"index": "2",
"intro": "盘县混鱼龙已列入“国家重点保护古生物化石名录(第一批)”,是三叠纪海生爬行动物的重要分子,它属于鱼龙类混鱼龙属,混鱼龙是迄今发现的较小的鱼龙类动物之一。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/33盘县混鱼龙/low/33盘县混鱼龙.png"
},
{
"name": "东方恐头龙",
"crId": "7973c7ad71d549d2a2a7d61ac534a5f5",
"index":"3",
"index": "3",
"intro": "东方恐头龙为产出于贵州省盘州的中三叠统关岭组地层中的海生爬行动物。恐头龙是首个发现于中国的三叠纪中期的原龙类动物。该标本头部背视保存,颈部左侧视保存,其余部分近右侧视保存。体躯、四肢及尾前部骨骼部分脱位保存。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/25东方恐头龙/low/25东方恐头龙.png"
},
......@@ -75,20 +75,20 @@ export var crPics = [
{
"name": "孙氏新铺龙(模式标本 正型)",
"crId": "28e7b26a80fb4f1dbb8a0ca37ea46849",
"index":"1",
"index": "1",
"intro": "该标本是孙氏新铺龙的正模式标本,也就是孙氏新铺龙命名时所依据的标本。是一具主轴骨彼此关联完整骨架之左侧视。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/5孙氏新铺龙/low/5孙氏新铺龙.png"
},
{
"name": "乌沙安顺龙",
"index":"2",
"index": "2",
"crId": "388950e11fb14d369eb97e8de4ddcd7b",
"intro": "标本头部左腹视保存,头后部分右侧视保存,右前肢部分骨骼移位重叠,左后肢向背侧翻转。乌沙安顺龙是产出于贵州省兴义中三叠统法郎组竹竿坡段地层的中型海生爬行动物,属于海龙类,是安顺龙的第二个种。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/17乌沙安顺龙/low/17乌沙安顺龙.png"
},
{
"name": "羊圈幻龙",
"index":"3",
"index": "3",
"crId": "d16048bb74254beb834655250217f2fe",
"intro": "羊圈幻龙已列入“国家重点保护古生物化石名录(第一批)”,是三叠纪海生爬行动物的重要分子,属于鳍龙目,幻龙科,幻龙属,产于盘县、普安中三叠世关岭组。",
"url": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-12-ede637d02d0c4f53a313178a0da0bfbc/贵州省地质博物馆文物1/faceImage/14羊圈幻龙/low/14羊圈幻龙.png"
......
<template>
<div class="boutique">
<div class="boutique-header">
<img src="@/assets/imgs/boutique/banner.jpg" width="100%" />
<ul class="tabs">
<li v-for="node in tabs" :key="node.tab" @click="handleTabClick(node)">
<div :class="{ active: activeTab === node.tab }">
<span>{{ node.name }}</span>
</div>
</li>
</ul>
</div>
<!-- <ul class="fixed-tabs">
<li v-for="node in tabs" :key="node.tab" @click="handleTabClick(node)">
<div class="tab-container">
<img :src="
require(`@/assets/imgs/boutique/smgz/7_leftBar/${node.tab}.png`)
" alt="" />
<span class="name">{{ node.name }}</span>
</div>
</li>
</ul> -->
<!-- <div class="boutique-tabs">
<m-tabs @handleClickItem="handleClickItem"></m-tabs>
</div> -->
<div class="boutique-content" ref="boutiqueContent">
<div class="focus-content" v-if="activeTab">
<!-- <p v-if="activeTab == 'cjm'" style="display: flex; justify-content: center">
长角苗民俗及文化遗产
</p> -->
<SMGZ v-if="activeTab == 'smgz'" />
<YLGDYW v-else-if="activeTab == 'ylgdyw'" />
<JYYCC v-else-if="activeTab == 'jyycc'" />
<div v-else class="img-container">
<img
:src="require(`@/assets/imgs/boutique/${activeTab}.jpg`)"
alt=""
/>
</div>
</div>
</div>
</div>
</template>
<script>
import mTabs from "@/views/home/components/Boutique.vue";
import SMGZ from "./components/SMGZ";
import YLGDYW from "./components/YLGDYW";
import JYYCC from "./components/jyycc";
import { mapGetters } from "vuex";
export default {
name: "Boutique",
components: { mTabs, SMGZ, YLGDYW, JYYCC },
data() {
return {
tabs: [
{ tab: "smgz", name: "神秘贵州" },
{ tab: "jyycc", name: "记忆与传承" },
{ tab: "ylgdyw", name: "夜郎的疑问" },
{ tab: "sdcs", name: "四渡赤水出奇兵" },
{ tab: "lzsg", name: "六枝梭戛" },
{ tab: "zggz", name: "中共贵州省工委斗争纪略展" },
{ tab: "gzjy", name: "贵州教育史馆" },
],
activeTab: "",
// content: { title: "四渡赤水" }
};
},
computed: {
...mapGetters(["navbarHeight"]),
content() {
let obj = Object.create(null);
const { tabs, activeTab } = this;
let node = tabs.find((n) => n.tab === activeTab);
node && (obj.title = node.name);
return obj;
},
},
watch: {
activeTab: {
handler: function (value) {
let color = "";
if (!value) {
return;
}
switch (value) {
case "sdcs":
color = "4";
break;
case "smgz":
color = "5";
break;
case "jyycc":
color = "6";
break;
case "ylgdyw":
color = "7";
break;
case "cjm":
color = "1";
}
this.$store.commit("app/CHANGE_NAV_COLOR", color);
},
immediate: true,
},
},
mounted() {
this.activeTab = "smgz";
},
methods: {
handleTabClick(data) {
this.activeTab = data.tab;
let el = document.getElementsByClassName("boutique-header")[0];
let height = el.offsetHeight - this.navbarHeight; //5像素偏移量
document.documentElement.scroll({
top: height,
behavior: "smooth", // 平滑移动
});
},
// handleClickItem(key) {
// this.activeTab = key
// let el = document.getElementsByClassName("boutique-tabs")[0];
// let height = el.offsetHeight - this.navbarHeight; //5像素偏移量
// document.documentElement.scroll({
// top: height,
// behavior: "smooth", // 平滑移动
// });
// }
},
};
</script>
<style lang="scss" scoped>
.boutique {
min-height: calc(100% - 300px);
.boutique-header {
position: relative;
overflow: hidden;
> img {
height: 500px;
object-fit: cover;
}
}
.boutique-tabs {
width: 100%;
height: 100vh;
cursor: pointer;
}
.fixed-tabs {
position: fixed;
left: 0;
top: 100px;
z-index: 9999;
height: calc(100vh - 100px);
display: flex;
flex-direction: column;
display: none;
li {
flex: 1;
position: relative;
.tab-container {
width: 100px;
height: 100%;
position: absolute;
left: -70px;
transition: all ease 0.5s;
display: flex;
align-items: center;
cursor: pointer;
&:hover {
left: 0;
.name {
opacity: 1;
}
}
img {
width: 100%;
height: 100%;
}
.name {
position: absolute;
left: 2px;
opacity: 0;
color: #fff;
font-family: "SourceHanSerifCN-Bold";
width: 80%;
margin: 4px;
}
}
}
// li {
// margin-bottom: 32px;
// & > span {
// color: #fff;
// cursor: pointer;
// }
// }
}
.boutique-title {
height: 500px;
position: relative;
overflow: hidden;
z-index: 1;
> p {
margin: 0;
font-size: 46px;
font-weight: 600;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
letter-spacing: 12px;
background-image: -webkit-linear-gradient(45deg, #98bcff, #814b02);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: hue 6s infinite linear;
}
> span {
font-weight: 600;
font-family: "宋体";
font-size: 24px;
position: absolute;
top: 65%;
left: 60%;
color: #666;
}
}
ul.tabs {
display: flex;
justify-content: space-between;
position: absolute;
z-index: 1;
padding: 10px 0;
width: 100%;
bottom: 0;
> li {
flex: 1;
> div {
text-align: center;
> span {
font-size: 20px;
color: #333;
font-weight: 600;
font-family: "楷体";
&:hover {
cursor: pointer;
position: relative;
color: #003fa7;
&::after {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: -10px;
border-bottom: 3px solid $deep-blue;
border-radius: 30px;
}
}
}
&.active {
> span {
position: relative;
color: #003fa7;
text-shadow: 6px 2px 2px #999;
&::after {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: -10px;
border-bottom: 3px solid $deep-blue;
border-radius: 30px;
}
}
}
}
}
}
.boutique-content {
.focus-content {
// padding: 20px 0;
// margin: 20px;
box-shadow: 1px 12px 10px 1px #ddd;
margin-top: 0;
min-height: 600px;
// display: flex;
// justify-content: center;
// align-items: center;
font-size: 30px;
// font-weight: 600;
// background: rgb(239 247 255);
> p {
margin: 0;
}
.img-container {
width: 100%;
img {
width: 100%;
}
}
}
}
}
@keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
</style>
......@@ -15,8 +15,8 @@
<script>
// import mTabs from '@/views/home/components/Boutique.vue'
import SMGZ from "./components/SMGZ"; //神秘贵州
import YLGDYW from "./components/YLGDYW"; //夜郎的疑问
import SMGZ from "./components/smgz/index"; //神秘贵州
import YLGDYW from "./components/ylgdyw/index"; //夜郎的疑问
import JYYCC from "./components/jyycc"; //技艺与传承
import SDCS from "./components/sdcs"; //四渡赤水
import JYSG from "./components/jysg"; //教育史馆
......@@ -71,4 +71,4 @@ export default {
margin-top: -$nav-height;
}
}
</style>
\ No newline at end of file
</style>
差异被折叠。
// const baseUrl = process.env.VUE_APP_BASE_HOST
const baseUrl = ''
const folder = '/SoftWare'
const urls = {
TXUOS_INTER:
"/TXUOS/inter/net.cnki.cajviewer_1.1.1-3_amd64.deb",
TXUOS_FT: "/TXUOS/FT/net.cnki.cajviewer_1.1.1-3_arm64.deb",
TXUOS_LX3A4000:
"/TXUOS/LX3A4000/net.cnki.cajviewer_1.1.1-3_mips64.deb",
TXUOS_LX3A5000:
"/TXUOS/LX3A5000/net.cnki.cajviewer_1.1.0-2_loongarch64.deb",
TXUOS_KMSRMJCY:
"/TXUOS/KMSRMJCY/signed_net.cnki.cajviewer_1.2.0-1_mips64.deb.deb",
YHQL_INTER: "/YHQL/inter/cajviewer_1.1.1-3_amd64.deb",
YHQL_FT: "/YHQL/FT/cajviewer_1.1.1-3_arm64.deb",
YHQL_LX3A4000: "/YHQL/LX3A4000/cajviewer_1.1.1-3_mips64.deb",
YHQL_LX3A5000:
"/YHQL/LX3A5000/cajviewer_1.1.0-2_loongarch64.deb",
ZKFD_SERVER: "/ZKFD/Server/cajviewer-1.1.1-3.nfs4.x86_64.rpm",
ZKFD_CLIENT: "/ZKFD/Client/cajviewer_1.1.1-3_amd64.deb",
WINDOWS_64: "/Windows/64/CAJViewer 8.1_x64-setup.exe",
WINDOWS_32: "/Windows/32/CAJViewer8.0.1.1-setup.exe",
JDBF: "/JDBF/CAJViewer-x86_64-1.1.1.AppImage",
}
const fullUrl = addBaseUrl(urls)
// 增加baseUrl
function addBaseUrl() {
const newUrls = {}
for (const key in urls) {
newUrls[key] = baseUrl + folder + urls[key]
}
return newUrls
}
export default fullUrl
\ No newline at end of file
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论