|
@@ -13,6 +13,21 @@
|
|
|
<el-tooltip content="字体大小" effect="dark" placement="bottom">
|
|
|
<size-select id="size-select" class="right-menu-item hover-effect" />
|
|
|
</el-tooltip>
|
|
|
+ <div class="right-menu-item" style="cursor:pointer;position: relative;" @mouseenter="funMouseIn" @mouseleave="funMouseOut">
|
|
|
+ <i class="el-icon-mobile" style="font-size: 20px;font-weight: bold;"></i>
|
|
|
+ <transition name="el-fade-in">
|
|
|
+ <div class="download-mn" v-show="downloadShow">
|
|
|
+ <div class="download-mn-it">
|
|
|
+ <img src="./../../assets/web/inner.png" alt="">
|
|
|
+ <div>公司人员考培系统app(Android)</div>
|
|
|
+ </div>
|
|
|
+ <div class="download-mn-it">
|
|
|
+ <img src="./../../assets/web/outer.png" alt="">
|
|
|
+ <div>外围人员考培系统app(Android)</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+ </div>
|
|
|
|
|
|
</template>
|
|
|
|
|
@@ -53,6 +68,11 @@ export default {
|
|
|
SizeSelect,
|
|
|
Search
|
|
|
},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ downloadShow: true
|
|
|
+ }
|
|
|
+ },
|
|
|
computed: {
|
|
|
...mapGetters([
|
|
|
'sidebar',
|
|
@@ -78,7 +98,13 @@ export default {
|
|
|
}).catch(() => {
|
|
|
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ funMouseIn(){
|
|
|
+ this.downloadShow = true
|
|
|
+ },
|
|
|
+ funMouseOut(){
|
|
|
+ this.downloadShow = false
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -88,7 +114,36 @@ export default {
|
|
|
a {
|
|
|
color: #054595 !important;
|
|
|
}
|
|
|
-
|
|
|
+.download-mn{
|
|
|
+ position: fixed;
|
|
|
+ top: 50px;
|
|
|
+ right: 20px;
|
|
|
+ width: 270px;
|
|
|
+ height: 150px;
|
|
|
+ z-index: 9999;
|
|
|
+ border-radius: 6px;
|
|
|
+ background-color: rgb(233, 227, 227);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-around;
|
|
|
+ text-align: center;
|
|
|
+ .download-mn-it{
|
|
|
+ height: 150px;
|
|
|
+ padding: 10px 0 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ img{
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ }
|
|
|
+ div{
|
|
|
+ height: 20px;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 1.5;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
.navbar {
|
|
|
height: 50px;
|
|
|
overflow: hidden;
|