CMS手状显示以及前后台的图标转跳

main
王家东 4 months ago
parent 6e0ab0d6ed
commit 0d29d3255b
  1. 7
      jeecgboot-vue3-master/src/views/demo/main-home/components/homePage/index.vue
  2. 7
      jeecgboot-vue3-master/src/views/demo/main-home/components/matchEvaluation/components/MCh.vue
  3. 10
      jeecgboot-vue3-master/src/views/demo/main-home/index.vue
  4. 68
      jeecgboot-vue3-master/src/views/system/loginmini/MiniLogin.vue

@ -24,7 +24,7 @@
<ul class="right_">
<li class="" v-for="o in data" :key="o.columnId"
@click="$router.push(`/main-home/MatchEvaluation/LesserCh/${o.id}`)">
<span class="le_">{{ o.title}}</span>
<span style="cursor: pointer" class="le_">{{ o.title}}</span>
<span class="re_">{{o.publishTime}}</span>
</li>
</ul>
@ -60,7 +60,7 @@
<div class="re_card">
<div class="re_card_img_box" v-for="o in data3" :key="o.columnId"
@click="$router.push(`/main-home/MatchEvaluation/LesserCh/${o.id}`)">
<img :src="setImageUrl(o.comimg)" alt="">
<img style="cursor: pointer" :src="setImageUrl(o.comimg)" alt="">
<div class="text">
{{ o.title}}
</div>
@ -185,7 +185,7 @@ function lookMore(i){
cursor: pointer;
.img-box {
width: 20px;
width: 20px;
height: 20px;
img {
@ -294,6 +294,7 @@ function lookMore(i){
height: 189px;
.img-box {
cursor: pointer;
width: 100%;
height: 158px;
margin-bottom: 10px;

@ -18,9 +18,10 @@
<div class="card_left">
<div class="big">{{ parseTime(o.createTime,'b') }}</div>
<div class="small">{{parseTime(o.createTime,'a')}}</div>
<!-- <img :src="o.comimg" /> -->
</div>
<div class="card_right">
<div style="cursor: pointer" class="card_right">
<!-- <img :src="setImageUrl(o.comimg)" />-->
<p class="tit">{{ o.title }}</p>
<p class="text" v-if="o.info">
<span>{{ o.info }}</span>
@ -49,7 +50,7 @@
</div>
</div>
<div class="message-box">
<div class="msg-item" v-for="o in data" :key="o.columnId"
<div style="cursor: pointer" class="msg-item" v-for="o in data" :key="o.columnId"
@click="$router.push(`/main-home/MatchEvaluation/LesserCh/${o.id}`)">
<div class="msg-date">{{ o.publishTime }}</div>
<div class="msg-date_"></div>

@ -21,13 +21,13 @@
</div>
<div class="fixed">
<div style="width: 100px;height: 100px;cursor: pointer;">
<!-- <div style="width: 100px;height: 100px;cursor: pointer;">
<img style="width: 100%;height: 100%;" src="../../../assets/images/mainHome/div(1).png" alt="">
</div>
<div class="bas"></div>
</div>-->
<!-- <div class="bas"></div>-->
<div class="card bot">
<div class="img-box"><img src="../../../assets/images/mainHome/Frame.png" alt=""></div>
<div class="text">选手查询</div>
<div class="img-box" onclick="window.location.href='http://10.20.15.171:3200/'"><img src="../../../assets/images/mainHome/Frame.png" alt=""></div>
<div class="text">后台管理</div>
</div>
</div>

@ -1,5 +1,17 @@
<template>
<div :class="prefixCls" class="login-background-img">
<div class="fixed">
<!-- <div style="width: 100px;height: 100px;cursor: pointer;">
<img style="width: 100%;height: 100%;" src="../../../assets/images/mainHome/div(1).png" alt="">
</div>-->
<!-- <div class="bas"></div>-->
<div class="card bot">
<div class="img-box" onclick="window.location.href='http://10.20.15.171:3200/main-home'"><img src="../../../assets/images/mainHome/Frame.png" alt=""></div>
<div class="text">新闻首页</div>
</div>
</div>
<AppLocalePicker class="absolute top-4 right-4 enter-x xl:text-gray-600" :showText="false"/>
<AppDarkModeToggle class="absolute top-3 right-7 enter-x" />
<div class="aui-logo" v-if="!getIsMobile">
@ -425,6 +437,62 @@
@import '/@/assets/loginmini/style/home.less';
@import '/@/assets/loginmini/style/base.less';
.fixed {
position: fixed;
width: 100px;
height: 202px;
top: calc(80px + 20px);
right: 0px;
z-index: 9;
.card {
width: 100px;
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
.img-box {
width: 40px;
height: 40px;
margin-bottom: 4px;
img {
width: 100%;
height: 100%;
}
}
.text {
height: 18px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 13px;
color: #FFFFFF;
line-height: 17px;
text-align: center;
font-style: normal;
text-transform: none;
}
}
.bas {
height: 2px;
width: 100%;
background-color: #fff;
}
.bot {
background: #A7B2C6;
border-bottom-left-radius: 20px;
}
}
:deep(.ant-input:focus) {
box-shadow: none;
}

Loading…
Cancel
Save