xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-11-17 08:03:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Floating right component added, personal pages style fixed

Browse Source
This commit is contained in:
Vion
2022-01-21 23:34:49 +08:00
parent 64d4b856c0
commit 60c6a6b8b4
15 changed files with 384 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
rc-busness/pages/index.vue
View File

@@ -93,7 +93,7 @@
<span>{{item.title}}</span>
<p>{{item.detail}}</p>
<em>{{item.price}}</em>
<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
<strong class="ts-standard-btn ts-standard-btn--two center" @click="selectproduce(item,index)">立即购买</strong>
</div>
</div>
<div class="sw-center" >
@@ -110,7 +110,7 @@
<em>{{item.price}}</em>
</div>
<div class="rc-full-width rc-margin-y--md">
<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
<i @click="selectproduce(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
</div>
</div>
</swiper-slide>
@@ -327,7 +327,7 @@
<span>{{item.title}}</span>
<p>{{item.detail}}</p>
<em>{{item.price}}</em>
<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
<strong class="ts-standard-btn ts-standard-btn--two center" @click="selectproduce(item,index)">立即购买</strong>
</div>
</div>
<div class="sw-center" >
@@ -344,7 +344,7 @@
<em>{{item.price}}</em>
</div>
<div class="rc-full-width rc-margin-y--md">
<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
<i @click="selectproduce(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
</div>
</div>
@@ -726,29 +726,19 @@
</nuxt-link>
</div> -->
<div class="rc-fixright" >
<ul >
<li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)">
<img :src="userfixed.catimage" alt="">
<span> {{userfixed.title}}</span>
</li>
</ul>
<div class="tuntop" @click="toTop" v-show="gotop">
<img src="../assets/image/turntop.png" alt="">
<span>回到顶部</span>
</div>
</div>
<FixRight></FixRight>
<div v-if="!dataLoaded" class="ts-mask">
<div class="ts-mask-bg"></div>
<div class="userloding"></div>
<span>数据加载中</span>
</div>
<Myfooter v-on:litentop='showmesg'></Myfooter>
<Myfooter></Myfooter>
</div>
</template>
<script>
let vm=null;
import Myheader from "~/components/header.vue";
import FixRight from "~/components/fixed-right.vue";
import Myfooter from "~/components/rc-footer.vue";
import unlogin from "~/components/unlogin.vue";
import { userquery,postCourseId,biaomessage,userque,searchchanpin } from "../ajax/getData";
@@ -762,6 +752,7 @@
fixedHeader:false,
dataLoaded:true,
useraindex:0,
usertitle:'明星猫粮',
dogtitle:'明星犬粮',
processinformation:[],
@@ -1024,24 +1015,6 @@
price:'¥88',
},
],
fixedlist: [
{
title: "购物车",
catimage: require("../assets/buy.png"),
},
{
title: "在线客服",
catimage: require("../assets/service.png"),
},
{
title: "营养专家",
catimage: require("../assets/consult.png"),
},
],
rccontair: [
{
@@ -1176,6 +1149,7 @@
Myheader,
Myfooter,
unlogin,
FixRight
// userswiper
},
created(){
@@ -1463,9 +1437,6 @@
this.processinformation=this.chufanlist
}
},
showmesg(){
this.toTop();
},
handleScroll(e)
{
let fixedCatbarSeperator = document.getElementById("fixed-catbar-seperator");
@@ -1487,16 +1458,6 @@
this.searchBar=true
}
},
toTop() {
let top = document.documentElement.scrollTop || document.body.scrollTop;
// 实现滚动效果
const timeTop = setInterval(() => {
document.body.scrollTop = document.documentElement.scrollTop = top -= 400;
if (top <= 0) {
clearInterval(timeTop);
}
}, 10);
},
async courseId(item) {
this.dataLoaded=false;
let data = await postCourseId(this.productCode,1,this.usermessage.data.id,this.usermessage.data.mobile,item.picFile,item.name,item.basePrice,item.specifications);
@@ -1637,29 +1598,6 @@
}
this.catmessage(this.userserachlist,'Shi')
},
lianxi(item,index){
if(item.title=='在线客服'){
var option = {
customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
}
dis_livchat(option);
}
if(item.title=='购物车'){
this.$router.push({
path: "/myorder/userrecord",
});
}
if(item.title=='营养专家'){
var option = {
customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
}
dis_livchat(option);
}
},
userbuy(item){
let user= localStorage.getItem("userInfo");
this.courseId(item)

67
rc-busness/pages/personal/discount.vue
View File

@@ -6,7 +6,7 @@
<div class="rc-top"></div>
<div class="rc-usermain">
<div class="rc">
<div class="rc rc-column">
<span
v-for="(item, index) in discountlist"
:key="index"
@@ -83,71 +83,6 @@ export default {
starttime: "2021.11.29-2022.01.28",
catimage: require("../../assets/image/unused.png"),
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
catimage: require("../../assets/image/unused.png"),
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
catimage: require("../../assets/image/unused.png"),
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
],
discountlist: [
{

10
rc-busness/pages/personal/integral.vue
View File

@@ -1,8 +1,8 @@
<template>
<div>
<Myheader></Myheader>
<div class="rc-usermain ">
<div class="rc-top"></div>
<div class="rc-max-width--xl rc-padding-y--md">
<ul>
<li v-for="(item,index) in userrecord" :key="index">
{{item.title}}
@@ -20,13 +20,13 @@
</div>
<div class="rc-button">
<!-- <div class="rc-button">
<div class="rc-order">
<span>积分兑换</span>
</div>
</div>
</div> -->
</div>
</template>
@@ -115,6 +115,4 @@ export default {
<style lang="less" scoped>
@import url("../../assets/css/integral.less");
</style>

16
rc-busness/pages/personal/mypersonal.vue
View File

@@ -108,8 +108,8 @@
:before-close="handleClose"
@open="open"
>
<div class="rc-header">
<div class="rc-title">
<div class="rc-full-width rc-max-width--xl rc-text--center">
<div class="rc-title rc-text--center rc-margin-bottom--md">
<img src="../../assets/error.png" alt="">
</div>
<div class="rc-logmain">
@@ -119,8 +119,7 @@
</div>
<div class="userer">
<img src="../../assets/image/rc-discount.png" alt="">
<img src="/images/qrcode-aichong.jpg" alt="" class="rc-margin-y--xs">
<span>微信扫一扫，识别二维码</span>
</div>
</div>
@@ -129,7 +128,7 @@
</el-dialog>
<FixRight></FixRight>
<MyFooter></MyFooter>
</div>
@@ -140,6 +139,7 @@
<script>
import Myheader from '~/components/header.vue'
import MyFooter from '~/components/rc-footer.vue'
import FixRight from "~/components/fixed-right.vue";
import tabs from "@/components/tabs.vue";
export default {
middleware: 'metaTitle',
@@ -204,7 +204,8 @@ export default {
components: {
Myheader,
MyFooter,
tabs
tabs,
FixRight
},
watch:{
@@ -315,7 +316,6 @@ obligation(item,index){
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
console.log("当前是电脑打开")
if(this.userlog==true){
this.usermessage='关注皇家爱宠荟，修改个人资料',
this.dialogInfo1=true;
@@ -325,8 +325,8 @@ obligation(item,index){
}
}else{
console.log("当前是手机打开")
this.dialogInfo1=false;
window.location.href="weixin://dl/business/?t=BE1OA2AngRs";
}
},
openaddress(item,index){

224
rc-busness/pages/personal/usermember.vue
View File

@@ -1,7 +1,8 @@
<template>
<div>
<Myheader></Myheader>
<div class="rc-header">
<div class="rc-top"></div>
<div class="rc-full-width rc-max-width--xl rc-padding-y--lg">
<div class="rc-main">
<div class="rc-center" >
@@ -42,13 +43,15 @@
</div>
</div>
</div>
<Myfooter></Myfooter>
</div>
</template>
<script>
import Myheader from '~/components/header.vue'
import Myheader from '~/components/header.vue'
import Myfooter from '~/components/rc-footer.vue'
export default {
data(){
@@ -246,7 +249,8 @@ methods:{
},
components:{
Myheader
Myheader,
Myfooter
},
mounted(){
console.log(this.$refs.userblock);
@@ -293,216 +297,6 @@ mounted(){
</script>
<style lang="less" scoped>
ul li ol li em strong i {
list-style: none;
font-style: normal;
}
.rc-header {
width: 100%;
}
//手机端
@media screen and (max-width: 768px) {
.rc-main {
width: 92%;
margin: 0 auto;
overflow: hidden;
.rc-center {
width: 100%;
height: 180px;
img {
width: 100%;
height: 100%;
display: block;
}
}
.rc-userorder{
display: flex;
align-items: center;
height: 100%;
}
.rc-order{
padding: 16px 0 16px 0 ;
width: 100%;
display: flex;
align-items: center;
font-size: 14px;
color: #333333;
font-weight: 500;
border-bottom: 1px solid #D8D8D8;
margin-top: 22px;
}
.rc-cordd{
color:#666666;
font-size: 14px;
margin-top: 16px;
span{
display: block;
margin-top: 16px;
}
.block{
height: 8px;
background: #D7D7D7;
margin-top: 16px;
border-radius: 4px;
.r-block{
width: 0%;
height: 100%;
background: #008900;
}
}
.rc-value{
display: flex;
justify-content: space-between;
}
}
.usermember{
width: 100%;
height: 80px;
border-bottom: 1px solid #D8D8D8;
display: flex;
align-items: center;
.rc-image{
height: 100%;
display: flex;
align-items: center;
}
img{
width: 48px;
height: 48px;
display: block;
}
em{
font-style: normal;
font-size: 16px;
display: block;
margin-left:16px;
font-weight: bold;
color: #531c1c;
}
span{
color: #666666;
font-size: 14px;
margin-left: 8px;
}
}
}
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
.rc-main {
width: 92%;
margin: 0 auto;
overflow: hidden;
.rc-center {
width: 100%;
height: 180px;
display: none;
img {
width: 100%;
height: 100%;
display: block;
}
}
.rc-order{
padding: 16px 0 16px 0 ;
width: 100%;
display: flex;
align-items: center;
font-size: 26px;
color: #333333;
font-weight: 500;
}
.rc-cordd{
color:#666666;
margin-top: 16px;
span{
display: block;
margin-top: 16px;
font-size: 16px;
}
.block{
height: 8px;
background: #D7D7D7;
margin-top: 16px;
border-radius: 4px;
.r-block{
width: 0%;
height: 100%;
background: #008900;
}
}
.rc-value{
display: flex;
justify-content: space-between;
}
}
.usermember{
width: 23%;
float: left;
height: 160px;
border: 1px solid #D7D7D7;
margin-top: 80px;
margin-left: 19px;
.rc-image{
float: right;
overflow: hidden;
height: 100%;
display: flex;
align-items: center;
margin-right:20px;
}
img{
width: 80px;
height: 80px;
display: block;
}
em{
font-style: normal;
font-size: 20px;
display: block;
font-weight: 500;
color: #333333;
}
span{
color: #999999;
font-size: 14px;
}
}
.rc-userorder{
width: 60%;
float: left;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
span{
margin-top: 8px;
width: 54%;
}
}
}
}
@import url("../../assets/css/usermember.less");
</style>

7
rc-busness/pages/productdetails/productlist.vue
View File

@@ -118,7 +118,7 @@
rc-margin-y--md
center
"
@click="userbuy()"
@click="selectproduce(item)"
>立即购买</strong
>
</div>
@@ -296,6 +296,7 @@
<em>确认</em>
</div>
</el-dialog>
<FixRight></FixRight>
<div v-if="isLoading" class="ts-mask">
<div class="ts-mask-bg"></div>
<div class="userloding"></div>
@@ -308,6 +309,7 @@
<script>
import Myheader from "~/components/header.vue";
import MyFooter from '~/components/rc-footer.vue'
import FixRight from "~/components/fixed-right.vue";
import {
userstype,
biaome,
@@ -473,7 +475,8 @@ export default {
},
components: {
Myheader,
MyFooter
MyFooter,
FixRight
},
created() {
this.routeParams=this.$route.query;

1
rc-busness/pages/userlogin/edit.vue
View File

@@ -84,6 +84,7 @@
@click="register()"
class="ts-standard-btn ts-standard-btn--max-width"
value="注册"
readonly
></input
>
<!-- <van-divider @click="toLogin">注册账户</van-divider> -->

1
rc-busness/pages/userlogin/login.vue
View File

@@ -104,6 +104,7 @@
@click="register()"
class="ts-standard-btn ts-standard-btn--max-width"
value="登录"
readonly
></input
>
<!-- <van-divider @click="toLogin">注册账户</van-divider> -->

7
rc-busness/pages/usersearch/search.vue
View File

@@ -128,7 +128,7 @@
rc-margin-y--md
center
"
@click="userbuy()"
@click="selectproduce(item)"
>立即购买</strong
>
</div>
@@ -313,6 +313,7 @@
</el-dialog>
</div>
<!-- rc-main end -->
<FixRight></FixRight>
<div v-if="isLoading" class="ts-mask">
<div class="ts-mask-bg"></div>
<div class="userloding"></div>
@@ -325,6 +326,7 @@
<script>
import Myheader from "~/components/header.vue";
import MyFooter from '~/components/rc-footer.vue'
import FixRight from "~/components/fixed-right.vue";
import { biaome, userstype, searchchanpin, userquery } from "../../ajax/getData";
export default {
data() {
@@ -510,7 +512,8 @@ export default {
},
components: {
Myheader,
MyFooter
MyFooter,
FixRight
},
mounted() {
this.usetmessage();