Page style update

This commit is contained in:
Vion 2022-01-22 15:21:17 +08:00
parent debf618d7e
commit 011a9b2c58
6 changed files with 49 additions and 50 deletions

View File

@ -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;

View File

@ -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,22 +188,21 @@ ul li ol li em strong i {
} }
span{ span{
color: #999999; color: #999999;
font-size: 14px; font-size: .875rem;
} }
} }
.rc-userorder{ .rc-userorder{
width: 60%; width: 60%;
height: 100%; height: 100%;
display: flex; display: flex;
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: .5rem;
margin-top: 8px; }
} }
}
} }
} }

View File

@ -346,6 +346,7 @@
</div> </div>
</template> </template>
<script> <script>
import { mapMutations } from "vuex";
export default { export default {
data() { data() {
return { return {
@ -358,13 +359,12 @@ 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
this.usermessage=usernot; this.usermessage=usernot;
} }
//debugger; //debugger;
@ -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();

View File

@ -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;

View File

@ -31,16 +31,17 @@
<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>
<div class="rc-userorder"> <div class="rc-userorder">
<em>{{item.title}}</em> <em>{{item.title}}</em>
<span>{{item.usereat}}</span> <span>{{item.usereat}}</span>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>

View File

@ -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='';
}, },