mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-03 02:36:39 +08:00
Page style update
This commit is contained in:
parent
debf618d7e
commit
011a9b2c58
@ -289,7 +289,7 @@ img, picture {
|
|||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
|
||||||
border-radius: .25rem;
|
border-radius: .25rem;
|
||||||
z-index:3;
|
z-index:11;
|
||||||
ul{
|
ul{
|
||||||
width: 60px;
|
width: 60px;
|
||||||
height: 181px;
|
height: 181px;
|
||||||
|
@ -73,6 +73,8 @@ ul li ol li em strong i {
|
|||||||
border-bottom: 1px solid #D8D8D8;
|
border-bottom: 1px solid #D8D8D8;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
padding-left:0;
|
||||||
|
padding-bottom:0;
|
||||||
.rc-image{
|
.rc-image{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -106,9 +108,6 @@ ul li ol li em strong i {
|
|||||||
@media screen and (min-width: 769px) {
|
@media screen and (min-width: 769px) {
|
||||||
|
|
||||||
.rc-main {
|
.rc-main {
|
||||||
width: 92%;
|
|
||||||
margin: 0 auto;
|
|
||||||
overflow: hidden;
|
|
||||||
.rc-center {
|
.rc-center {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 180px;
|
height: 180px;
|
||||||
@ -160,29 +159,28 @@ ul li ol li em strong i {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.usermember{
|
.usermember{
|
||||||
width: 23%;
|
min-width:14.5rem;
|
||||||
float: left;
|
max-width:16.75rem;
|
||||||
height: 160px;
|
width:16vw;
|
||||||
|
height: 10rem;
|
||||||
border: 1px solid #D7D7D7;
|
border: 1px solid #D7D7D7;
|
||||||
margin-top: 80px;
|
margin-top: 5rem;
|
||||||
margin-left: 19px;
|
margin-left: .75rem;
|
||||||
.rc-image{
|
.rc-image{
|
||||||
float: right;
|
float: right;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-right:20px;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
img{
|
img{
|
||||||
width: 80px;
|
width: 5rem;
|
||||||
height: 80px;
|
height: 5rem;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
em{
|
em{
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 20px;
|
font-size: 1.25rem;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@ -190,7 +188,7 @@ ul li ol li em strong i {
|
|||||||
}
|
}
|
||||||
span{
|
span{
|
||||||
color: #999999;
|
color: #999999;
|
||||||
font-size: 14px;
|
font-size: .875rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -201,9 +199,8 @@ ul li ol li em strong i {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
padding-left:2.5rem;
|
|
||||||
span{
|
span{
|
||||||
margin-top: 8px;
|
margin-top: .5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -346,6 +346,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import { mapMutations } from "vuex";
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@ -358,10 +359,9 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
//判断用户有无登录显示红点
|
//判断用户有无登录显示红点
|
||||||
let usernot=JSON.parse(localStorage.getItem("userInfo"));
|
let usernot=this.checkIsLogin();
|
||||||
//console.log(usernot);
|
//console.log(usernot);
|
||||||
if(usernot==null ||usernot==undefined){
|
if(usernot){
|
||||||
console.log(usernot);
|
|
||||||
this.loginornot=true
|
this.loginornot=true
|
||||||
}else{
|
}else{
|
||||||
this.loginornot=false
|
this.loginornot=false
|
||||||
@ -390,6 +390,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
...mapMutations(["checkIsLogin"]),
|
||||||
refreshDesktopNav:function(){
|
refreshDesktopNav:function(){
|
||||||
RCDL.navigation.currentState=null;
|
RCDL.navigation.currentState=null;
|
||||||
RCDL.navigation.rebuild();
|
RCDL.navigation.rebuild();
|
||||||
|
@ -1190,7 +1190,7 @@
|
|||||||
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
|
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
|
||||||
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
|
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
|
||||||
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
|
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
|
||||||
console.log("当前是电脑打开")
|
//console.log("当前是电脑打开")
|
||||||
this.stypechange=false;
|
this.stypechange=false;
|
||||||
//console.log(this.usertitle)
|
//console.log(this.usertitle)
|
||||||
|
|
||||||
@ -1206,7 +1206,7 @@
|
|||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
console.log("当前是手机打开")
|
//console.log("当前是手机打开")
|
||||||
this.showingBanners=this.banners.mobile;
|
this.showingBanners=this.banners.mobile;
|
||||||
this.stypechange=true;
|
this.stypechange=true;
|
||||||
this.onemao=true;
|
this.onemao=true;
|
||||||
|
@ -31,8 +31,8 @@
|
|||||||
<span>金牌铲屎官</span>
|
<span>金牌铲屎官</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="rc-layout-container">
|
||||||
<div class="usermember" v-for="(item,index) in newlist" :key="index">
|
<div class="usermember rc-column" v-for="(item,index) in newlist" :key="index">
|
||||||
<div class="rc-image">
|
<div class="rc-image">
|
||||||
<img :src="item.catimage" alt="" />
|
<img :src="item.catimage" alt="" />
|
||||||
</div>
|
</div>
|
||||||
@ -42,6 +42,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Myfooter></Myfooter>
|
<Myfooter></Myfooter>
|
||||||
|
@ -776,7 +776,7 @@ export default {
|
|||||||
onSearch(e) {
|
onSearch(e) {
|
||||||
this.usetmessage(this.activeIndex1, this.value);
|
this.usetmessage(this.activeIndex1, this.value);
|
||||||
},
|
},
|
||||||
onCancel() {
|
onCancel(e) {
|
||||||
debugger;
|
debugger;
|
||||||
this.value='';
|
this.value='';
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user