Skip to content

E
exhibition_page
提交 ee7097ff authored 作者: Anix's avatar Anix
浏览文件
操作

Merge branch 'master' of https://gitee.com/gzcnki/exhibition_page

上级 5c1d21ab 3e293720
隐藏空白字符变更
内嵌 并排
正在显示 包含 610 行增加 和 261 行删除
public/index.html
浏览文件 @ ee7097ff
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
<title> <title>
<%= htmlWebpackPlugin.options.title %> <%= htmlWebpackPlugin.options.title %>
</title> </title>
<!-- 使用CDN的CSS文件 --> <!-- 使用CDN的CSS文件 -->
<!-- <% for (var i in <!-- <% for (var i in
htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.css) { %> htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.css) { %>
<link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="preload" as="style" /> <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="preload" as="style" />
<link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="stylesheet" /> <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="stylesheet" />
...@@ -29,6 +29,10 @@ ...@@ -29,6 +29,10 @@
htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.js) { %> htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.js) { %>
<script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script> <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
<% } %> --> <% } %> -->
<script type="text/javascript" src="./static/js/wow.js"></script>
<script type="text/javascript">
new WOW().init()
</script>
</body> </body>
</html> </html>
\ No newline at end of file
public/static/js/wow.js 0 → 100644
浏览文件 @ ee7097ff
(function() {
var MutationObserver, Util, WeakMap, getComputedStyle, getComputedStyleRX,
bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
Util = (function() {
function Util() {}
Util.prototype.extend = function(custom, defaults) {
var key, value;
for (key in defaults) {
value = defaults[key];
if (custom[key] == null) {
custom[key] = value;
}
}
return custom;
};
Util.prototype.isMobile = function(agent) {
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent);
};
Util.prototype.createEvent = function(event, bubble, cancel, detail) {
var customEvent;
if (bubble == null) {
bubble = false;
}
if (cancel == null) {
cancel = false;
}
if (detail == null) {
detail = null;
}
if (document.createEvent != null) {
customEvent = document.createEvent('CustomEvent');
customEvent.initCustomEvent(event, bubble, cancel, detail);
} else if (document.createEventObject != null) {
customEvent = document.createEventObject();
customEvent.eventType = event;
} else {
customEvent.eventName = event;
}
return customEvent;
};
Util.prototype.emitEvent = function(elem, event) {
if (elem.dispatchEvent != null) {
return elem.dispatchEvent(event);
} else if (event in (elem != null)) {
return elem[event]();
} else if (("on" + event) in (elem != null)) {
return elem["on" + event]();
}
};
Util.prototype.addEvent = function(elem, event, fn) {
if (elem.addEventListener != null) {
return elem.addEventListener(event, fn, false);
} else if (elem.attachEvent != null) {
return elem.attachEvent("on" + event, fn);
} else {
return elem[event] = fn;
}
};
Util.prototype.removeEvent = function(elem, event, fn) {
if (elem.removeEventListener != null) {
return elem.removeEventListener(event, fn, false);
} else if (elem.detachEvent != null) {
return elem.detachEvent("on" + event, fn);
} else {
return delete elem[event];
}
};
Util.prototype.innerHeight = function() {
if ('innerHeight' in window) {
return window.innerHeight;
} else {
return document.documentElement.clientHeight;
}
};
return Util;
})();
WeakMap = this.WeakMap || this.MozWeakMap || (WeakMap = (function() {
function WeakMap() {
this.keys = [];
this.values = [];
}
WeakMap.prototype.get = function(key) {
var i, item, j, len, ref;
ref = this.keys;
for (i = j = 0, len = ref.length; j < len; i = ++j) {
item = ref[i];
if (item === key) {
return this.values[i];
}
}
};
WeakMap.prototype.set = function(key, value) {
var i, item, j, len, ref;
ref = this.keys;
for (i = j = 0, len = ref.length; j < len; i = ++j) {
item = ref[i];
if (item === key) {
this.values[i] = value;
return;
}
}
this.keys.push(key);
return this.values.push(value);
};
return WeakMap;
})());
MutationObserver = this.MutationObserver || this.WebkitMutationObserver || this.MozMutationObserver || (MutationObserver = (function() {
function MutationObserver() {
if (typeof console !== "undefined" && console !== null) {
console.warn('MutationObserver is not supported by your browser.');
}
if (typeof console !== "undefined" && console !== null) {
console.warn('WOW.js cannot detect dom mutations, please call .sync() after loading new content.');
}
}
MutationObserver.notSupported = true;
MutationObserver.prototype.observe = function() {};
return MutationObserver;
})());
getComputedStyle = this.getComputedStyle || function(el, pseudo) {
this.getPropertyValue = function(prop) {
var ref;
if (prop === 'float') {
prop = 'styleFloat';
}
if (getComputedStyleRX.test(prop)) {
prop.replace(getComputedStyleRX, function(_, _char) {
return _char.toUpperCase();
});
}
return ((ref = el.currentStyle) != null ? ref[prop] : void 0) || null;
};
return this;
};
getComputedStyleRX = /(\-([a-z]){1})/g;
this.WOW = (function() {
WOW.prototype.defaults = {
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: true,
live: true,
callback: null,
scrollContainer: null
};
function WOW(options) {
if (options == null) {
options = {};
}
this.scrollCallback = bind(this.scrollCallback, this);
this.scrollHandler = bind(this.scrollHandler, this);
this.resetAnimation = bind(this.resetAnimation, this);
this.start = bind(this.start, this);
this.scrolled = true;
this.config = this.util().extend(options, this.defaults);
if (options.scrollContainer != null) {
this.config.scrollContainer = document.querySelector(options.scrollContainer);
}
this.animationNameCache = new WeakMap();
this.wowEvent = this.util().createEvent(this.config.boxClass);
}
WOW.prototype.init = function() {
var ref;
this.element = window.document.documentElement;
if ((ref = document.readyState) === "interactive" || ref === "complete") {
this.start();
} else {
this.util().addEvent(document, 'DOMContentLoaded', this.start);
}
return this.finished = [];
};
WOW.prototype.start = function() {
var box, j, len, ref;
this.stopped = false;
this.boxes = (function() {
var j, len, ref, results;
ref = this.element.querySelectorAll("." + this.config.boxClass);
results = [];
for (j = 0, len = ref.length; j < len; j++) {
box = ref[j];
results.push(box);
}
return results;
}).call(this);
this.all = (function() {
var j, len, ref, results;
ref = this.boxes;
results = [];
for (j = 0, len = ref.length; j < len; j++) {
box = ref[j];
results.push(box);
}
return results;
}).call(this);
if (this.boxes.length) {
if (this.disabled()) {
this.resetStyle();
} else {
ref = this.boxes;
for (j = 0, len = ref.length; j < len; j++) {
box = ref[j];
this.applyStyle(box, true);
}
}
}
if (!this.disabled()) {
this.util().addEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
this.util().addEvent(window, 'resize', this.scrollHandler);
this.interval = setInterval(this.scrollCallback, 50);
}
if (this.config.live) {
return new MutationObserver((function(_this) {
return function(records) {
var k, len1, node, record, results;
results = [];
for (k = 0, len1 = records.length; k < len1; k++) {
record = records[k];
results.push((function() {
var l, len2, ref1, results1;
ref1 = record.addedNodes || [];
results1 = [];
for (l = 0, len2 = ref1.length; l < len2; l++) {
node = ref1[l];
results1.push(this.doSync(node));
}
return results1;
}).call(_this));
}
return results;
};
})(this)).observe(document.body, {
childList: true,
subtree: true
});
}
};
WOW.prototype.stop = function() {
this.stopped = true;
this.util().removeEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
this.util().removeEvent(window, 'resize', this.scrollHandler);
if (this.interval != null) {
return clearInterval(this.interval);
}
};
WOW.prototype.sync = function(element) {
if (MutationObserver.notSupported) {
return this.doSync(this.element);
}
};
WOW.prototype.doSync = function(element) {
var box, j, len, ref, results;
if (element == null) {
element = this.element;
}
if (element.nodeType !== 1) {
return;
}
element = element.parentNode || element;
ref = element.querySelectorAll("." + this.config.boxClass);
results = [];
for (j = 0, len = ref.length; j < len; j++) {
box = ref[j];
if (indexOf.call(this.all, box) < 0) {
this.boxes.push(box);
this.all.push(box);
if (this.stopped || this.disabled()) {
this.resetStyle();
} else {
this.applyStyle(box, true);
}
results.push(this.scrolled = true);
} else {
results.push(void 0);
}
}
return results;
};
WOW.prototype.show = function(box) {
this.applyStyle(box);
box.className = box.className + " " + this.config.animateClass;
if (this.config.callback != null) {
this.config.callback(box);
}
this.util().emitEvent(box, this.wowEvent);
this.util().addEvent(box, 'animationend', this.resetAnimation);
this.util().addEvent(box, 'oanimationend', this.resetAnimation);
this.util().addEvent(box, 'webkitAnimationEnd', this.resetAnimation);
this.util().addEvent(box, 'MSAnimationEnd', this.resetAnimation);
return box;
};
WOW.prototype.applyStyle = function(box, hidden) {
var delay, duration, iteration;
duration = box.getAttribute('data-wow-duration');
delay = box.getAttribute('data-wow-delay');
iteration = box.getAttribute('data-wow-iteration');
return this.animate((function(_this) {
return function() {
return _this.customStyle(box, hidden, duration, delay, iteration);
};
})(this));
};
WOW.prototype.animate = (function() {
if ('requestAnimationFrame' in window) {
return function(callback) {
return window.requestAnimationFrame(callback);
};
} else {
return function(callback) {
return callback();
};
}
})();
WOW.prototype.resetStyle = function() {
var box, j, len, ref, results;
ref = this.boxes;
results = [];
for (j = 0, len = ref.length; j < len; j++) {
box = ref[j];
results.push(box.style.visibility = 'visible');
}
return results;
};
WOW.prototype.resetAnimation = function(event) {
var target;
if (event.type.toLowerCase().indexOf('animationend') >= 0) {
target = event.target || event.srcElement;
return target.className = target.className.replace(this.config.animateClass, '').trim();
}
};
WOW.prototype.customStyle = function(box, hidden, duration, delay, iteration) {
if (hidden) {
this.cacheAnimationName(box);
}
box.style.visibility = hidden ? 'hidden' : 'visible';
if (duration) {
this.vendorSet(box.style, {
animationDuration: duration
});
}
if (delay) {
this.vendorSet(box.style, {
animationDelay: delay
});
}
if (iteration) {
this.vendorSet(box.style, {
animationIterationCount: iteration
});
}
this.vendorSet(box.style, {
animationName: hidden ? 'none' : this.cachedAnimationName(box)
});
return box;
};
WOW.prototype.vendors = ["moz", "webkit"];
WOW.prototype.vendorSet = function(elem, properties) {
var name, results, value, vendor;
results = [];
for (name in properties) {
value = properties[name];
elem["" + name] = value;
results.push((function() {
var j, len, ref, results1;
ref = this.vendors;
results1 = [];
for (j = 0, len = ref.length; j < len; j++) {
vendor = ref[j];
results1.push(elem["" + vendor + (name.charAt(0).toUpperCase()) + (name.substr(1))] = value);
}
return results1;
}).call(this));
}
return results;
};
WOW.prototype.vendorCSS = function(elem, property) {
var j, len, ref, result, style, vendor;
style = getComputedStyle(elem);
result = style.getPropertyCSSValue(property);
ref = this.vendors;
for (j = 0, len = ref.length; j < len; j++) {
vendor = ref[j];
result = result || style.getPropertyCSSValue("-" + vendor + "-" + property);
}
return result;
};
WOW.prototype.animationName = function(box) {
var animationName, error;
try {
animationName = this.vendorCSS(box, 'animation-name').cssText;
} catch (error) {
animationName = getComputedStyle(box).getPropertyValue('animation-name');
}
if (animationName === 'none') {
return '';
} else {
return animationName;
}
};
WOW.prototype.cacheAnimationName = function(box) {
return this.animationNameCache.set(box, this.animationName(box));
};
WOW.prototype.cachedAnimationName = function(box) {
return this.animationNameCache.get(box);
};
WOW.prototype.scrollHandler = function() {
return this.scrolled = true;
};
WOW.prototype.scrollCallback = function() {
var box;
if (this.scrolled) {
this.scrolled = false;
this.boxes = (function() {
var j, len, ref, results;
ref = this.boxes;
results = [];
for (j = 0, len = ref.length; j < len; j++) {
box = ref[j];
if (!(box)) {
continue;
}
if (this.isVisible(box)) {
this.show(box);
continue;
}
results.push(box);
}
return results;
}).call(this);
if (!(this.boxes.length || this.config.live)) {
return this.stop();
}
}
};
WOW.prototype.offsetTop = function(element) {
var top;
while (element.offsetTop === void 0) {
element = element.parentNode;
}
top = element.offsetTop;
while (element = element.offsetParent) {
top += element.offsetTop;
}
return top;
};
WOW.prototype.isVisible = function(box) {
var bottom, offset, top, viewBottom, viewTop;
offset = box.getAttribute('data-wow-offset') || this.config.offset;
viewTop = (this.config.scrollContainer && this.config.scrollContainer.scrollTop) || window.pageYOffset;
viewBottom = viewTop + Math.min(this.element.clientHeight, this.util().innerHeight()) - offset;
top = this.offsetTop(box);
bottom = top + box.clientHeight;
return top <= viewBottom && bottom >= viewTop;
};
WOW.prototype.util = function() {
return this._util != null ? this._util : this._util = new Util();
};
WOW.prototype.disabled = function() {
return !this.config.mobile && this.util().isMobile(navigator.userAgent);
};
return WOW;
})();
}).call(this);
src/App.vue
浏览文件 @ ee7097ff
...@@ -21,15 +21,6 @@ export default { ...@@ -21,15 +21,6 @@ export default {
headerFixed: false, headerFixed: false,
}; };
}, },
mounted() {
this.$nextTick(() => {
let wow = this.$wow;
wow.init();
});
},
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
......
src/components/AudioPlayer/index.vue
浏览文件 @ ee7097ff
...@@ -10,14 +10,6 @@ ...@@ -10,14 +10,6 @@
controls="controls" controls="controls"
></audio> ></audio>
<!-- 音频播放控件 -->
<!-- <div>-->
<!-- <el-button type="text" @click="startPlayOrPause">{{audio.playing | transPlayPause}}</el-button>-->
<!-- <el-tag type="info">{{ audio.currentTime | formatSecond}}</el-tag>-->
<!-- <el-tag type="info">{{ audio.maxTime | formatSecond}}</el-tag>-->
<!-- </div>-->
</template> </template>
<script> <script>
...@@ -81,8 +73,6 @@ export default { ...@@ -81,8 +73,6 @@ export default {
}, },
// 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间 // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
onTimeupdate(res) { onTimeupdate(res) {
// console.log("timeupdate");
// console.log(res);
this.audio.currentTime = res.target.currentTime; this.audio.currentTime = res.target.currentTime;
}, },
// 当加载语音流元数据完成后，会触发该事件的回调函数 // 当加载语音流元数据完成后，会触发该事件的回调函数
...@@ -93,16 +83,7 @@ export default { ...@@ -93,16 +83,7 @@ export default {
this.audio.maxTime = parseInt(res.target.duration); this.audio.maxTime = parseInt(res.target.duration);
}, },
}, },
filters: {
// 使用组件过滤器来动态改变按钮的显示
transPlayPause(value) {
return value ? "暂停" : "播放";
},
// 将整数转化成时分秒
formatSecond(second = 0) {
return realFormatSecond(second);
},
},
}; };
</script> </script>
......
src/components/NavBar/index.vue
浏览文件 @ ee7097ff
...@@ -11,11 +11,15 @@ ...@@ -11,11 +11,15 @@
<div class="tabs wow animate__animated animate__fadeInUp"> <div class="tabs wow animate__animated animate__fadeInUp">
<div <div
class="tab-item" class="tab-item"
:class="{
activeHome: currentTab.name == item.name && isHome,
active: currentTab.name == item.name && !isHome,
}"
v-for="(item, index) in pages" v-for="(item, index) in pages"
:key="index" :key="index"
@click="handleClickTab(item)" @click="handleClickTab(item)"
> >
<div :class="{ active: currentTab.name == item.name }"></div> <!-- <div ></div> -->
<router-link :to="item.path">{{ item.name }} </router-link> <router-link :to="item.path">{{ item.name }} </router-link>
</div> </div>
</div> </div>
...@@ -223,6 +227,7 @@ export default { ...@@ -223,6 +227,7 @@ export default {
background-color: #2069c4 !important; background-color: #2069c4 !important;
z-index: 99; z-index: 99;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px 0px;
top: 0;
} }
.nav { .nav {
...@@ -268,35 +273,56 @@ export default { ...@@ -268,35 +273,56 @@ export default {
// padding: 15px 50px; // padding: 15px 50px;
height: 100%; height: 100%;
text-align: center; text-align: center;
a{
a {
font-size: 18px; font-size: 18px;
white-space: nowrap; white-space: nowrap;
} transition: all 0.5s ease;
&::before {
transition: all 0.5s cubic-bezier(0.7, -0.5, 0.2, 2);
content: "";
display: inline-block;
width: 0;
height: 4px;
background: #1d549d;
position: absolute;
bottom: 24px;
left: 0;
} }
&:hover:before { &:hover {
background: #1d549d; a {
width: 100%; color: #182f68;
}
} }
.router-link-exact-active {
.active { color: #182f68;
width: 100%;
height: 4px;
background: #1d549d;
position: absolute;
bottom: 24px;
left: 0;
} }
// .activeHome {
// a {
// color: #2069c4 !important;
// }
// }
// .active {
// a {
// color: #000 !important;
// }
// }
// &::before {
// transition: all 0.5s cubic-bezier(0.7, -0.5, 0.2, 2);
// content: "";
// display: inline-block;
// width: 0;
// height: 4px;
// background: #1d549d;
// position: absolute;
// bottom: 24px;
// left: 0;
// }
// &:hover:before {
// background: #1d549d;
// width: 38px;
// }
// .active {
// width: 38px;
// height: 4px;
// background: #1d549d;
// position: absolute;
// bottom: 24px;
// left: 0;
// }
} }
} }
} }
......
src/main.js
浏览文件 @ ee7097ff
...@@ -13,7 +13,7 @@ import animated from 'animate.css'; ...@@ -13,7 +13,7 @@ import animated from 'animate.css';
// 滚动动画 wow.js // 滚动动画 wow.js
import { import {
WOW WOW
} from 'wowjs' } from '../public/static/js/wow'
import { import {
getFullUrl getFullUrl
} from '@/utils/index' } from '@/utils/index'
...@@ -25,19 +25,19 @@ Vue.use(ElementUI); ...@@ -25,19 +25,19 @@ Vue.use(ElementUI);
// 全局注册动画效果 // 全局注册动画效果
Vue.use(animated); Vue.use(animated);
Vue.prototype.$wow = new WOW({ // Vue.prototype.$wow = new WOW({
boxClass: 'wow', // default // boxClass: 'wow', // default
animateClass: 'animated', // default // animateClass: 'animated', // default
offset: 0, // default // offset: 0, // default
mobile: true, // default // mobile: true, // default
live: true, // live: true,
scrollContainer: null, // scrollContainer: null,
resetAnimation: true, // resetAnimation: true,
// live为true时，控制台会提示：MutationObserver is not supported by your browser. & WOW.js cannot detect dom mutations, please call .sync() after loading new content. // // live为true时，控制台会提示：MutationObserver is not supported by your browser. & WOW.js cannot detect dom mutations, please call .sync() after loading new content.
callback: function (box) { // callback: function (box) {
console.log("WOW: animating <" + box.tagName.toLowerCase() + ">") // console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
} // }
}) // })
Vue.prototype.$getFullUrl = getFullUrl Vue.prototype.$getFullUrl = getFullUrl
new Vue({ new Vue({
......
src/permission.js
浏览文件 @ ee7097ff
...@@ -2,6 +2,15 @@ import router from './router' ...@@ -2,6 +2,15 @@ import router from './router'
import store from './store/index' import store from './store/index'
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
// if (to.name != 'home') {
// // chrome
// document.body.scrollTop = 0
// // firefox
// document.documentElement.scrollTop = 0
// // safari
// window.pageYOffset = 0
// }
// 监听path 确定navbar下标 // 监听path 确定navbar下标
store.commit('app/SET_NAV_BAR', to) store.commit('app/SET_NAV_BAR', to)
next() next()
......
src/utils/index.js
浏览文件 @ ee7097ff
...@@ -25,17 +25,17 @@ export function debounce(func, wait, immediate = true) { ...@@ -25,17 +25,17 @@ export function debounce(func, wait, immediate = true) {
// 获取完整的url，根据环境进行配置 // 获取完整的url，根据环境进行配置
export function getFullUrl(url) { export function getFullUrl(url) {
if (url) { let fullUrl = ''
let fullUrl = '' if (url && url.indexOf('http') != -1 && url.indexOf('files') != -1) {
let urlArr = url.split('files') let urlArr = url.split('files')
fullUrl = '/files' + urlArr[1] fullUrl = '/files' + urlArr[1]
return fullUrl
} else { } else {
return '' fullUrl = url
} }
return fullUrl
} }
/** /**
* 预览文件 * 预览文件
* @param href 预览地址 * @param href 预览地址
......
src/views/culturalRelic/index.vue
浏览文件 @ ee7097ff
...@@ -370,7 +370,7 @@ $text-indent: 16px; ...@@ -370,7 +370,7 @@ $text-indent: 16px;
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 10px; right: 10px;
z-index: 99; z-index: 9;
// background-color: rgba(0, 0, 0, 0.1); // background-color: rgba(0, 0, 0, 0.1);
height: 28px; height: 28px;
padding: 4px; padding: 4px;
......
src/views/display/Detail.vue
浏览文件 @ ee7097ff
...@@ -114,7 +114,8 @@ ...@@ -114,7 +114,8 @@
</el-row> </el-row>
</div> </div>
<div <div
class="audio wow animate__animated animate__fadeRight" class="audio"
:style="{ animationPlayState: audioPlaying ? 'running' : 'paused' }"
@click="handleClickAudio" @click="handleClickAudio"
v-if="displayDetail.audiosVo && displayDetail.audiosVo.length > 0" v-if="displayDetail.audiosVo && displayDetail.audiosVo.length > 0"
> >
...@@ -165,7 +166,7 @@ ...@@ -165,7 +166,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-item lts wow animate__animated animate__fadeInUp"> <div class="content-item">
<div class="wrapper"> <div class="wrapper">
<div class="custom-title"> <div class="custom-title">
<div class="custom-title-prefix"> <div class="custom-title-prefix">
...@@ -451,6 +452,7 @@ export default { ...@@ -451,6 +452,7 @@ export default {
this.audioPlaying = !this.audioPlaying; this.audioPlaying = !this.audioPlaying;
if (this.audioPlaying) { if (this.audioPlaying) {
this.$refs["AudioPlayer"].play(); this.$refs["AudioPlayer"].play();
// console.log(this.$refs['audioContainer']);
} else { } else {
this.$refs["AudioPlayer"].pause(); this.$refs["AudioPlayer"].pause();
} }
......
src/views/display/index.vue
浏览文件 @ ee7097ff
...@@ -138,7 +138,6 @@ export default { ...@@ -138,7 +138,6 @@ export default {
children: "children", children: "children",
checkStrictly: true, //单选选择任意一级选项 checkStrictly: true, //单选选择任意一级选项
}, },
culturalRelicYears: [],
onlyShow3d: false, onlyShow3d: false,
keyword: "", keyword: "",
type: "", type: "",
...@@ -151,10 +150,6 @@ export default { ...@@ -151,10 +150,6 @@ export default {
}, },
async created() { async created() {
await this.$store.dispatch("dict/getDictList", ["display_type"]); await this.$store.dispatch("dict/getDictList", ["display_type"]);
let res = await this.$store.dispatch("dict/getDictTree", [
"culturalRelicYears",
]);
this.culturalRelicYears = res.culturalRelicYears;
}, },
mounted() { mounted() {
this.loadData(); this.loadData();
...@@ -353,48 +348,6 @@ $text-indent: 16px; ...@@ -353,48 +348,6 @@ $text-indent: 16px;
transition: all 0.5s ease; transition: all 0.5s ease;
flex: 1; flex: 1;
} }
.showIcon {
position: absolute;
top: 10px;
right: 10px;
z-index: 99;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
height: 28px;
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
width: 28px;
white-space: nowrap;
overflow: hidden;
&:hover {
.icon {
display: none;
}
.text {
display: block;
}
width: 130px;
padding: 4px 8px;
}
.icon {
width: 20px;
display: inline-block;
}
.text {
font-size: 14px;
color: #000;
padding: 4px 8px;
cursor: pointer;
display: none;
}
img {
width: 100%;
height: 100%;
}
}
} }
} }
} }
......
src/views/home/components/Display.vue
浏览文件 @ ee7097ff
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<div class="home-display"> <div class="home-display">
<div class="title wow animate__animated animate__fadeInUp">展览</div> <div class="title wow animate__animated animate__fadeInUp">展览</div>
<div class="wrapper"> <div class="wrapper wow animate__animated animate__fadeInUp">
<!-- <div <!-- <div
class="sliders" class="sliders"
:style="{ :style="{
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<div class="content-intro"> <div class="content-intro">
{{ item.intro ? item.intro : "" }} {{ item.intro ? item.intro : "" }}
</div> </div>
<EntranceIcon color="#fff" /> <EntranceIcon color="#fff" @click.native="handleClick(item)"/>
</div> </div>
<div class="img" @click="handleClick(item)"> <div class="img" @click="handleClick(item)">
<img <img
......
src/views/home/components/MuseumMap.vue
浏览文件 @ ee7097ff
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<span class="entrance-text">点击进入</span> <span class="entrance-text">点击进入</span>
<img src="@/assets/imgs/home/entrance-black.png" alt="" /> <img src="@/assets/imgs/home/entrance-black.png" alt="" />
</div> --> </div> -->
<EntranceIcon color="#000" /> <EntranceIcon color="#000" @click.native="handleClick(curMuseum)"/>
</div> </div>
<div class="map wow animate__animated animate__fadeInRight"> <div class="map wow animate__animated animate__fadeInRight">
......
src/views/home/components/Virtural.vue
浏览文件 @ ee7097ff
...@@ -10,9 +10,9 @@ ...@@ -10,9 +10,9 @@
<div class="en">Virtual Exhibition Hall</div> <div class="en">Virtual Exhibition Hall</div>
</div> </div>
<el-row class="content" :gutter="60"> <el-row class="content" :gutter="60">
<el-col :span="6"> <el-col :span="6" class=" wow animate__animated animate__fadeInLeft">
<div <div
class="intro wow animate__animated animate__fadeInLeft" class="intro"
v-if="list.length > 0" v-if="list.length > 0"
> >
<div class="name">{{ list[0].name }}</div> <div class="name">{{ list[0].name }}</div>
...@@ -20,11 +20,7 @@ ...@@ -20,11 +20,7 @@
<div class="intro-content"> <div class="intro-content">
{{ list[0].intro }} {{ list[0].intro }}
</div> </div>
<!-- <div class="entrance" @click="handleClick(list[0])"> <EntranceIcon color="#fff" @click.native="handleClick(list[0])"/>
<span class="entrance-text">点击进入</span>
<img src="@/assets/imgs/home/entrance.png" alt="" />
</div> -->
<EntranceIcon color="#fff" />
</div> </div>
</el-col> </el-col>
<el-col :span="18"> <el-col :span="18">
......
src/views/museum/index.vue
浏览文件 @ ee7097ff
...@@ -328,48 +328,6 @@ $text-indent: 16px; ...@@ -328,48 +328,6 @@ $text-indent: 16px;
transition: all 0.5s ease; transition: all 0.5s ease;
flex: 1; flex: 1;
} }
.showIcon {
position: absolute;
top: 10px;
right: 10px;
z-index: 99;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
height: 28px;
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
width: 28px;
white-space: nowrap;
overflow: hidden;
&:hover {
.icon {
display: none;
}
.text {
display: block;
}
width: 130px;
padding: 4px 8px;
}
.icon {
width: 20px;
display: inline-block;
}
.text {
font-size: 14px;
color: #000;
padding: 4px 8px;
cursor: pointer;
display: none;
}
img {
width: 100%;
height: 100%;
}
}
} }
} }
} }
......
src/views/personal/components/Card/index.vue
浏览文件 @ ee7097ff
...@@ -80,47 +80,5 @@ $blue: #2069c4; ...@@ -80,47 +80,5 @@ $blue: #2069c4;
transition: all 0.5s ease; transition: all 0.5s ease;
flex: 1; flex: 1;
} }
.showIcon {
position: absolute;
top: 10px;
right: 10px;
z-index: 99;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
height: 28px;
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
width: 28px;
white-space: nowrap;
overflow: hidden;
&:hover {
.icon {
display: none;
}
.text {
display: block;
}
width: 130px;
padding: 4px 8px;
}
.icon {
width: 20px;
display: inline-block;
}
.text {
font-size: 14px;
color: #000;
padding: 4px 8px;
cursor: pointer;
display: none;
}
img {
width: 100%;
height: 100%;
}
}
} }
</style> </style>
\ No newline at end of file
src/views/virtual/index.vue
浏览文件 @ ee7097ff
...@@ -330,48 +330,6 @@ $text-indent: 16px; ...@@ -330,48 +330,6 @@ $text-indent: 16px;
transition: all 0.5s ease; transition: all 0.5s ease;
flex: 1; flex: 1;
} }
.showIcon {
position: absolute;
top: 10px;
right: 10px;
z-index: 99;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
height: 28px;
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
width: 28px;
white-space: nowrap;
overflow: hidden;
&:hover {
.icon {
display: none;
}
.text {
display: block;
}
width: 130px;
padding: 4px 8px;
}
.icon {
width: 20px;
display: inline-block;
}
.text {
font-size: 14px;
color: #000;
padding: 4px 8px;
cursor: pointer;
display: none;
}
img {
width: 100%;
height: 100%;
}
}
} }
} }
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论