Browse Source

样式修改

master
zhengshuiqi 4 years ago
parent
commit
3509ff0107
  1. 432
      pages/account/index.vue
  2. 15
      pages/account/message.vue
  3. 20
      pages/category/index.vue
  4. 18
      pages/index/index.vue
  5. 9
      pages/productDetails/index.vue
  6. 18
      pages/shippingCart/index.vue

432
pages/account/index.vue

@ -1,21 +1,23 @@
<template>
<view>
<!-- <view class="status_bar"></view> -->
<view class="one" v-show ="isTop">
<view class="one" v-show="isTop">
<image src="../../static/img/left_white.png" mode="" @click="backTo"></image>
<image src="/static/img/dope plus_white.png" mode="" class="index_logo"></image>
</view>
<view class="account_info padding_account" :style="{background:`url(${userbg})`}">
<image src="../../static/icon/nologin2.png" mode="" class="header_img" v-show="!user_info.isLogin||!user_info.user_head"></image>
<image :src="user_info.user_head" mode="" class="header_img" v-show="user_info.isLogin&&user_info.user_head" @click="seeImg()"></image>
<image src="../../static/icon/nologin2.png" mode="" class="header_img"
v-show="!user_info.isLogin||!user_info.user_head"></image>
<image :src="user_info.user_head" mode="" class="header_img" v-show="user_info.isLogin&&user_info.user_head"
@click="seeImg()"></image>
<!-- <image :src="user_info.user_head?user_info.user_head:user_info.headicons[5]" mode="" class="header_img" v-if="user_info.isLogin"></image> -->
<view class="info_name" v-if="!user_info.isLogin">
<navigator class="info_name_a" url="/pages/login/index" >
<navigator class="info_name_a" url="/pages/login/index">
LOGIN / SIGUP>
</navigator>
</view>
<view class="info_name" v-else>
<navigator class="info_name_a" url="/pages/account/myProfile" >
<navigator class="info_name_a" url="/pages/account/myProfile">
Hey.{{user_info.nickname!=''?user_info.nickname:user_info.email}}.>
</navigator>
</view>
@ -41,21 +43,29 @@
</view>
<view class="order allpadding">
<navigator url="/pages/account/myOrders?scroll_active=0" class="order_title">My Orders<view class="icon_right"><image mode="" src="../../static/img/right.png"></image></view></navigator>
<navigator url="/pages/account/myOrders?scroll_active=0" class="order_title">My Orders<view
class="icon_right">
<image mode="" src="../../static/img/right.png"></image>
</view>
</navigator>
<view class="order_info">
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=1':'../login/index'" class="order_info_item">
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=1':'../login/index'"
class="order_info_item">
<image src="../../static/img/unpaid.png" mode="" class="info_img"></image>
<text>Unpaid</text>
</navigator>
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=2':'../login/index'" class="order_info_item">
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=2':'../login/index'"
class="order_info_item">
<image src="../../static/img/Processing.png" mode="" class="info_img"></image>
<text>Processing</text>
</navigator>
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=3':'../login/index'" class="order_info_item">
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=3':'../login/index'"
class="order_info_item">
<image src="../../static/img/Shipped.png" class="info_img" mode=""></image>
<text>Shipped</text>
</navigator>
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=4':'../login/index'" class="order_info_item">
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=4':'../login/index'"
class="order_info_item">
<image src="../../static/img/Returns.png" class="info_img" mode=""></image>
<text>Completed</text>
</navigator>
@ -64,8 +74,9 @@
<view class="order">
<view class="order_title allpadding">My Service</view>
<view class="order_info allpadding" >
<view v-for="(item,index) in indexDate.blocks" :key="item.block_title" @click="gotopage(item.block_title,item.block_link)" class="order_info_item" >
<view class="order_info allpadding">
<view v-for="(item,index) in indexDate.blocks" :key="item.block_title"
@click="gotopage(item.block_title,item.block_link)" class="order_info_item">
<image :src="item.block_pic" class="info_img" mode=""></image>
<text>{{ item.block_title }}</text>
</view>
@ -103,21 +114,24 @@
</view>
<!-- scroll-x="true" -->
<scroll-view >
<image :src="item.block_pic" style="width: 90%;padding: 0 20px;" v-for="(item,index) in Imglist" :key="item.block_pic"class="mine_banner " mode="" @click="imgto(item)">
<scroll-view>
<image :src="item.block_pic" style="width: 90%;padding: 0 20px;" v-for="(item,index) in Imglist"
:key="item.block_pic" class="mine_banner " mode="" @click="imgto(item)">
<!-- allpadding -->
</image>
</scroll-view>
<view v-if="catList.length!=0" style="background-color: #f4f3f8; padding: 0 23.33rpx;" >
<view v-if="catList.length!=0" style="background-color: #f4f3f8; padding: 0 23.33rpx;">
<view class="order_title" style="padding-top: 20rpx;">Recommend</view>
<scroll-view class="spike1 margin_botoom" style="background-color: #f4f3f8;" scroll-x="true" :show-scrollbar="false">
<scroll-view class="spike1 margin_botoom" style="background-color: #f4f3f8;" scroll-x="true"
:show-scrollbar="false">
<view class="spike1_item" v-for="(item,index) in catList" :key="index" @click="goDetails(item.id)">
<view class="spike1_item_img">
<image :src="item.thumb" mode=""></image>
</view>
<view class="spike1_item_bottom1">
<view class="spike1_item_text">{{item.name}}</view>
<text class="spike1_item_text1">US${{item.is_promote==0? item.shop_price :item.promote_price}}</text>
<text
class="spike1_item_text1">US${{item.is_promote==0? item.shop_price :item.promote_price}}</text>
</view>
</view>
</scroll-view>
@ -126,7 +140,8 @@
</view>
<view class="tarbar">
<view @click="change(index)" v-for="(item,index) in tarbar" :key="item.name" :class="index==2?'img_m':'tarbar_img'":style="{color:index==4?'#000':''}">
<view @click="change(index)" v-for="(item,index) in tarbar" :key="item.name"
:class="index==2?'img_m':'tarbar_img'" :style="{color:index==4?'#000':''}">
<image :src="item.src"></image>
<view>{{ item.name}}</view>
</view>
@ -135,56 +150,59 @@
</template>
<script>
import {defaultRequest,defaultRequest2,defaultRequest4} from '../../api/index.js'
import {
defaultRequest,
defaultRequest2,
defaultRequest4
} from '../../api/index.js'
export default {
data() {
return {
user_info:{
isLogin:false,
user_info: {
isLogin: false,
},
//
catQuery:{
_action:'getgoods',
page_index:1,
page_size:30,
type:'hot'
catQuery: {
_action: 'getgoods',
page_index: 1,
page_size: 30,
type: 'hot'
},
catList:[],
hb_num:0,
noLogin:-1,
isLogin:-1,
Imglist:[],
count:0,
backButtonPress:0,
indexDate:[],
userbg:'../../static/img/userbg.png',
isTop:false,
tarbar:[
{
src:'../../static/icon/home3.png',
name:'Home',
url:'../index/index'
catList: [],
hb_num: 0,
noLogin: -1,
isLogin: -1,
Imglist: [],
count: 0,
backButtonPress: 0,
indexDate: [],
userbg: '../../static/img/userbg.png',
isTop: false,
tarbar: [{
src: '../../static/icon/home3.png',
name: 'Home',
url: '../index/index'
},
{
src:'../../static/img/Category.png',
name:'Category',
url:'../category/index'
src: '../../static/img/Category.png',
name: 'Category',
url: '../category/index'
},
{
src:'../../static/img/min.png',
url:'../index/index2',
name:''
src: '../../static/img/min.png',
url: '../index/index2',
name: ''
},
{
src:'../../static/img/Cart.png',
name:'Cart',
url:'../shippingCart/index'
src: '../../static/img/Cart.png',
name: 'Cart',
url: '../shippingCart/index'
},
{
src:'../../static/img/Account1.png',
name:'Account',
url:'../account/index'
src: '../../static/img/Account1.png',
name: 'Account',
url: '../account/index'
},
],
}
@ -201,117 +219,115 @@
}, 1000);
return true;
},
methods:{
goDetails(id){
methods: {
goDetails(id) {
uni.navigateTo({
url:'/pages/productDetails/index?goodid='+id
url: '/pages/productDetails/index?goodid=' + id
})
},
//
seeImg(){
seeImg() {
let list = []
list.push(this.user_info.user_head)
wx.previewImage({
urls: list, //httpurl
current: 0, // http
indicator:'number',
indicator: 'number',
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
},
gotopage(title,url){
var a,s
if(url.indexOf('?'))
{
gotopage(title, url) {
var a, s
if (url.indexOf('?')) {
a = url.indexOf('?')
console.log(a)
s = url.substring(17);
}
// console.log(title)
// console.log(url)
if(this.isLogin == 1 &&url==''){
if(title.includes('Setting')){
if (this.isLogin == 1 && url == '') {
if (title.includes('Setting')) {
uni.navigateTo({
url:'./settings'
url: './settings'
})
}
if(title.includes('Review')){
if (title.includes('Review')) {
uni.navigateTo({
url:'./myReview'
url: './myReview'
})
}
}
else if(this.isLogin == 1 &&url.includes('dope.addressmanage')){
} else if (this.isLogin == 1 && url.includes('dope.addressmanage')) {
uni.navigateTo({
url:'./address'
url: './address'
})
}
else if(this.isLogin == 1 &&url.includes('meiqu.meiqu')){
} else if (this.isLogin == 1 && url.includes('meiqu.meiqu')) {
uni.navigateTo({
url:'./message'
url: './message'
})
}
else if(url.includes('html')){
} else if (url.includes('html')) {
// plus.runtime.openURL(url)
uni.navigateTo({
url:'../order/paypalWebview?src='+url
url: '../order/paypalWebview?src=' + url
})
}
else if(url.includes('dope.adspecial')){
} else if (url.includes('dope.adspecial')) {
uni.navigateTo({
url:'../specialTitle/index'+s
url: '../specialTitle/index' + s
})
}
else{
} else {
uni.navigateTo({
url:'../login/index'
url: '../login/index'
})
}
},
change(e){
change(e) {
this.index = e
let tarbar = this.tarbar
if(e!==2){
if (e !== 2) {
uni.switchTab({
url:this.tarbar[e].url
url: this.tarbar[e].url
})
}else{
} else {
uni.navigateTo({
url:this.tarbar[e].url
url: this.tarbar[e].url
})
}
},
getList(){
getList() {
this.isLogin = uni.getStorageSync('isLogin')
// tarbar
let data2={_action:'getpagedata',pagecode:'HOMESALEICON '}
let data2 = {
_action: 'getpagedata',
pagecode: 'HOMESALEICON '
}
defaultRequest(data2).then(res => {
console.log(res)
let url
if(res.error == 0){
if (res.error == 0) {
// if(res.data.page_code == 'HOMESALEICON'){
if(res.data.page_code == 'HOMESALEICON'){
let src = 'https://www.dopeplus.com/images/mapp_customized/202210/1665653173499940520.png'
if (res.data.page_code == 'HOMESALEICON') {
let src =
'https://www.dopeplus.com/images/mapp_customized/202210/1665653173499940520.png'
// let src = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.png'
if(src==res.data.zones[0].blocks[0].block_pic){
if (src == res.data.zones[0].blocks[0].block_pic) {
// this.tarbar[2].src = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.png'
this.tarbar[2].src = '../../static/img/min.png'
}else{
src=res.data.zones[0].blocks[0].block_pic
} else {
src = res.data.zones[0].blocks[0].block_pic
// this.tabar[2].src=src
this.tarbar[2].src = res.data.zones[0].blocks[0].block_pic
uni.setStorageSync('midButton',src)
uni.setStorageSync('midButton', src)
}
}
}
});
defaultRequest({
_action:'getusersummarydata'
}).then(res =>{
_action: 'getusersummarydata'
}).then(res => {
console.log(res)
if(res.error ==0){
if (res.error == 0) {
this.count = res.data.user_info.user_money
this.hb_num = res.data.user_bonus_list.length
console.log(this.hb_num)
@ -319,26 +335,27 @@
})
},
getImg(){
let data ={
_action:'getpagedata',
pagecode:'006-PERSONALCENTERPAGE'
getImg() {
let data = {
_action: 'getpagedata',
pagecode: '006-PERSONALCENTERPAGE'
}
let imglist
defaultRequest(data).then( res =>{
if(res.error ==0){
defaultRequest(data).then(res => {
if (res.error == 0) {
console.log(res)
res.data.zones.map(item =>{
if(item.zone_code== 'CBANNER'){
res.data.zones.map(item => {
if (item.zone_code == 'CBANNER') {
imglist = item
this.Imglist = imglist.blocks
}
if(item.zone_code =='USERBG'){
if (item.zone_code == 'USERBG') {
let tag ='https://en.meixx.com/images/mapp_customized/202208/1661745404590473700.png'
if(tag == item.blocks[0].block_pic){
let tag =
'https://en.meixx.com/images/mapp_customized/202208/1661745404590473700.png'
if (tag == item.blocks[0].block_pic) {
this.userbg = '../../static/img/userbg.png'
}else{
} else {
this.userbg = item.blocks[0].block_pic
}
}
@ -348,43 +365,48 @@
})
},
//
getCatList(type){
defaultRequest4(this.catQuery).then(res=>{
getCatList(type) {
defaultRequest4(this.catQuery).then(res => {
// console.info(res)
if(res.error==0){
if(res.data){
this.catList=res.data
if (res.error == 0) {
if (res.data) {
this.catList = res.data
}
}
})
},
//
getIndex(){
let data={_action:'getpagedata',pagecode:'006-PERSONALCENTERPAGE'}
defaultRequest(data).then(res=>{
console.info(res.data.zones,'页面配置')
if(res.error==0){
res.data.zones.map( item =>{
if(item.zone_code == 'service'){
getIndex() {
let data = {
_action: 'getpagedata',
pagecode: '006-PERSONALCENTERPAGE'
}
defaultRequest(data).then(res => {
console.info(res.data.zones, '页面配置')
if (res.error == 0) {
res.data.zones.map(item => {
if (item.zone_code == 'service') {
this.indexDate = item
}
})
console.log(this.indexDate,'页面')
console.log(this.indexDate, '页面')
}
})
},
getUserInfo(){
let data={_action:'getinfo'}
defaultRequest(data).then(res=>{
console.info(res,'pppppp')
if(res.error==0){
res.data.isLogin=true
getUserInfo() {
let data = {
_action: 'getinfo'
}
defaultRequest(data).then(res => {
console.info(res, 'pppppp')
if (res.error == 0) {
res.data.isLogin = true
// this.user_info=res.data
this.noLogin = 0
uni.setStorageSync('user_info',res.data)
this.user_info=uni.getStorageSync('user_info')
uni.setStorageSync('user_info', res.data)
this.user_info = uni.getStorageSync('user_info')
console.log(this.user_info)
}else if(res.error ==-1){
} else if (res.error == -1) {
this.noLogin = 1
@ -393,39 +415,38 @@
//
let comments = {
_action:'getmycomments',
page_index:1,
page_size:10,
_action: 'getmycomments',
page_index: 1,
page_size: 10,
}
// defaultRequest(comments).then(res=>{
// console.info(res,'pppppp')
// })
},
imgto(item){
imgto(item) {
const i = item.block_link.indexOf('?')
const url = item.block_link.substring(i)
console.log(item.block_link)
if(item.block_link.includes('dope.dope'))
{
if (item.block_link.includes('dope.dope')) {
uni.navigateTo({
url:'../productDetails/index'+url
url: '../productDetails/index' + url
})
}
},
backTo(){
backTo() {
uni.navigateBack({
delta:1
delta: 1
})
},
onPageScroll(res) {
// console.log(res.scrollTop)
if(res.scrollTop>40){
this.isTop=true
}else if(res.scrollTop<40){
this.isTop=false
if (res.scrollTop > 40) {
this.isTop = true
} else if (res.scrollTop < 40) {
this.isTop = false
}
},
@ -434,9 +455,9 @@
uni.hideTabBar()
this.isLogin = uni.getStorageSync('isLogin')
// this.tarbar[2].src = uni.getStorageSync('midButton')
if(this.isLogin==0){
this.user_info =' '
}else{
if (this.isLogin == 0) {
this.user_info = ' '
} else {
this.getUserInfo()
}
this.getIndex()
@ -458,9 +479,9 @@
this.getList()
this.isLogin = uni.getStorageSync('isLogin')
console.log(this.isLogin)
if(this.isLogin==0){
this.user_info =' '
}else{
if (this.isLogin == 0) {
this.user_info = ' '
} else {
this.getUserInfo()
}
setTimeout(function() {
@ -471,20 +492,23 @@
</script>
<style lang="scss" scoped>
.index_logo{
.index_logo {
width: 270.33rpx !important;
height: 50rpx !important;
margin-left: 22%;
}
.padding_account{
.padding_account {
padding: 0 50rpx;
padding-top: 97rpx;
padding-bottom: 40rpx;
}
.allpadding{
.allpadding {
padding: 0 23.33rpx;
}
.account_info{
.account_info {
background-color: #000000 !important;
border-bottom: 13.33rpx #F7F7F7 solid;
@ -497,18 +521,22 @@
// background: url("@/static/icon/user_bg.png");
background-size: 100%;
.header_img{
.header_img {
width: 144rpx;
height: 144rpx;
border-radius: 50%;
margin-bottom: 9.67rpx;
background-color: #000000;
}
.info_name{
.info_name {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
top: 25px;
left: 15%;
top: 13.5%;
// left: 15%;
// z-index: 1111;
// font-size: 20px;
@ -519,17 +547,25 @@
// padding: 100px 50px 0;
// top: 23px;
&_a {
z-index: 1111;font-size: 20px;font-weight: bold;color: #F7F7F7;margin-bottom: 57px;position: absolute;padding: 100px 50px 0;
z-index: 1111;
font-size: 20px;
font-weight: bold;
color: #F7F7F7;
margin-bottom: 57px;
position: absolute;
padding: 100px 50px 0;
}
}
.info_like{
.info_like {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
color: #F7F7F7;
padding-top: 18.5%;
.info_like_item{
.info_like_item {
font-size: 40rpx;
font-weight: 400;
display: flex;
@ -538,57 +574,64 @@
align-items: center;
justify-content: center;
.info_like_item_img{
.info_like_item_img {
width: 40rpx;
height: 40rpx;
margin-bottom: 14.67rpx;
display: block;
line-height:40rpx;
line-height: 40rpx;
text-align: center;
}
.info_like_item_text{
.info_like_item_text {
margin-bottom: 14.67rpx;
font-size: 30.33rpx;
display: block;
}
.info_like_item_span{
.info_like_item_span {
font-size: 25.33rpx;
}
.info_like_item_text{
.info_like_item_text {
margin-bottom: 14.67rpx;
display: block;
line-height:40rpx;
line-height: 40rpx;
text-align: center;
}
}
}
}
.order{
.order {
// padding: 0 23.33rpx;
padding-top: 37.33rpx;
padding-bottom: 43.33rpx;
border-bottom: 13.33rpx #F7F7F7 solid;
// background-color: #f6f5fa;
.order_title{
.order_title {
font-size: 26.67rpx;
font-weight: bold;
display: flex;
justify-content: space-between;
.icon_right{
.icon_right {
height: 25rpx;
width: 25rpx;
image{
image {
height: 100%;
width: 100%;
}
}
}
.order_info{
.order_info {
width: 100%;
// padding: 0 35.33rpx;
display: flex;
@ -598,7 +641,7 @@
box-sizing: border-box;
flex-wrap: wrap;
.order_info_item{
.order_info_item {
width: 25%;
font-size: 21.33rpx;
font-weight: 400;
@ -609,28 +652,32 @@
margin-top: 38.67rpx;
}
.info_img{
.info_img {
width: 40rpx;
height: 40rpx;
margin-bottom: 20rpx;
}
}
.mine_banner{
.mine_banner {
width: 100%;
height: 226.67rpx;
margin: 56rpx 0;
}
.spike1{
.spike1 {
white-space: nowrap;
width: 100%;
margin-top: 26rpx;
::-webkit-scrollbar {
width: 0;
height: 0;
background-color: transparent;
}
.spike1_item{
.spike1_item {
color: #191919;
font-size: 26.67rpx;
margin-right: 16.67rpx;
@ -638,7 +685,8 @@
display: inline-block;
font-weight: 400;
width: 246.67rpx;
.spike1_item_img{
.spike1_item_img {
width: 246.67rpx;
height: 246.67rpx;
// border-top: #efefef solid 1rpx;
@ -648,31 +696,35 @@
border-top-right-radius: 10rpx !important;
// border-bottom: #fafafa 1rpx solid !important;
background-color: #999999;
image{
image {
width: 100%;
height: 100%;
border-top-left-radius: 10rpx !important;
border-top-right-radius: 10rpx !important;
}
}
.spike1_item_bottom{
.spike1_item_bottom {
padding-left: 9.33rpx;
margin-top: 22.67rpx;
.spike1_item_text{
.spike1_item_text {
width: 100%;
color: #9D9D9D;
font-size: 21.33rpx;
text-decoration: line-through;
}
.spike1_item_text1{
.spike1_item_text1 {
// color: #9D9D9D;
text-align: center;
font-size: 27.33rpx !important;
font-weight: bold !important;
}
}
.spike1_item_bottom1{
.spike1_item_bottom1 {
height: 120rpx;
// width: 246.67rpx;
padding-left: 20rpx;
@ -685,13 +737,14 @@
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
background-color: #fff;
.spike1_item_text{
.spike1_item_text {
color: #000000;
font-size: 24rpx;
font-weight: 400;
margin-bottom: 2.67rpx;
white-space: break-spaces;
overflow:hidden;
overflow: hidden;
line-height: 32rpx;
height: 68rpx;
white-space: wrap;
@ -702,14 +755,17 @@
}
}
.spike1_item:last-child{
.spike1_item:last-child {
margin-right: 0;
}
}
}
.margin_botoom {
padding-bottom: 55px !important;
}
.navigator-hover {
background-color: transparent !important;
opacity: 1 !important;

15
pages/account/message.vue

@ -2,7 +2,7 @@
<view class="body">
<view class="font">
<uni-icons style="padding-left: 11px;color: white;font-weight: 100;cursor: pointer;" type="back" size="23" @click="backs"></uni-icons>
<uni-icons style="z-index: 1111;position: relative; padding-left: 11px;color: white;font-weight: 100;cursor: pointer;" type="back" size="23" @click="backs"></uni-icons>
<text style="margin-left: 30%;color: white;">Message</text>
</view>
@ -160,10 +160,13 @@
// uni.navigateTo({
// url:'../category/index'
// })
uni.navigateTo({
// url:'index'
url:'../category/index'
// uni.navigateTo({
// // url:'index'
// // url: '../index'
// url:'../account/index'
// })
uni.navigateBack({
delta: 1,
})
}
},
@ -180,7 +183,8 @@
display: flex;
position: fixed;
background-color: #000;
height: 44px;
height: 50px;
// height: 44px;
width: 100%;
z-index: 999;
// padding-top: 28px;
@ -189,6 +193,7 @@
top: 0;
left: 0;
font-size: 16px;
padding-top: 20px;
// font-weight: bold;
}

20
pages/category/index.vue

@ -1,8 +1,8 @@
<template>
<view class="u-wrap">
<view class="search">
<view class="status_bar"></view>
<view class="search1">
<view class="status_bar" style="z-index: -1;position: relative;"></view>
<view class="search1" style="z-index: 11;position: relative;">
<view class="search1_img" @click="gotoindex()"><image src="/static/icon/home_white.png" mode=""></image></view>
<navigator url="/pages/index/search">
<view class="navigation_seach">
@ -349,7 +349,8 @@
width: 100%;
background-color:#000;
box-sizing: border-box;
padding: 33.33rpx 26.67rpx;
// padding: 33.33rpx 26.67rpx;
padding: 8px 15px;
position: fixed;
top: 0;
@ -413,7 +414,8 @@
height: 100%;
display: flex;
overflow: hidden;
margin-top: 166rpx;
// margin-top: 166rpx;
margin-top: 68px;
}
.category_left{
height: 100%;
@ -549,5 +551,15 @@
border-radius: 10rpx;
}
}
.search .search1 .navigation_title_right uni-image {
// margin-top: 8px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.uni-badge--x {
display: flex;
}
</style>

18
pages/index/index.vue

@ -1341,19 +1341,11 @@
</view>
<!-- 轮播图 -->
<!-- <view> -->
<!-- previous-margin指的是当前图片的左边框距离屏幕最左边的距离 -->
<!-- <swiper class="spike1 page_padding" scroll-x="true" :show-scrollbar="false"
v-if="item.zone_code=='HONLIST2' && item.zone_status=='NORMAL'" style="height: 600rpx;"
previous-margin="140rpx" next-margin="140rpx" @change="handlechange" :current="mycurrent"
:indicator-dots="true" :circular="true" :interval="3000" :duration="1000">
<swiper-item v-for="(item1,index1) in item.blocks" :key="item1.block_id"> -->
<!-- v-for="(item1,index1) in item.blocks" :key="item1.block_id"> -->
<!-- v-for="i,index in 10" :key="i" -->
<!-- <view :class="['swiper-items',index==mycurrent ? 'active' : '']">
<img :src="item1.block_pic" mode=""
:style="{width:(item.zone_code=='HONLIST2')?420+'rpx':'',height:item.zone_column+'rpx'}"
@click="imgTo(item1)">
<!-- <view>
<swiper style="height: 600rpx;" previous-margin="140rpx" next-margin="140rpx" @change="handlechange" :current="mycurrent" :indicator-dots="true" :circular="true" :interval="3000" :duration="1000">
<swiper-item v-for="i,index in 10" :key="i">
<view :class="['swiper-item',index==mycurrent ? 'active' : '']">
<img src="https://s2.loli.net/2022/05/11/rHeUj2V7pWg6MyQ.jpg" style="width: 100%;height: 100%;" alt="" srcset="">
</view>
</swiper-item>
</swiper>

9
pages/productDetails/index.vue

@ -12,7 +12,7 @@
<block slot="right">
<view class="nav_right">
<navigator url="/pages/shippingCart/index" open-type="switchTab">
<uni-badge :text="sum" type="error" absolute="rightTop">
<uni-badge style="position: relative;z-index: 1111;" :text="sum" type="error" absolute="rightTop">
<image src="../../static/img/shop_cart1.png" mode=""></image>
</uni-badge>
</navigator>
@ -1766,7 +1766,7 @@
// line-height: $nav-height;
height: 25rpx;
width: 30rpx;
padding-top: 5.37rpx;
// padding-top: 5.37rpx;
line-height: 0px;
image{
height: 100%;
@ -1796,7 +1796,7 @@
}
.nav_right{
padding-right: 30rpx;
padding-top: 10px;
padding-top: 12px;
image{
width: 44rpx;
height: 44rpx;
@ -2219,6 +2219,9 @@
line-height: 50px;
text-align: center;
}
uni-image {
margin-top: -2px !important;
}
/deep/.nav_left .uni-image .data-v-af9236d6{
background-size: 0% !important;
}

18
pages/shippingCart/index.vue

@ -70,7 +70,7 @@
</view>
</view>
<!-- <view class="cart">
<!-- <view class="cart">
<view class="cart_content">
<view class="good_info" v-for="(item,index) in 3 " :key="index">
<image src="../../static/img/select.png" mode="" class="cart_select"></image>
@ -133,7 +133,6 @@
<image src="../../static/img/delete1.png" mode=""
style="height:100%;width:100%" @click="deleteoOutCart(1,item)"></image>
</view>
</view>
</view>
</view>
@ -1367,10 +1366,9 @@
margin: 0 18rpx;
padding-left: 18rpx;
padding-right: 24rpx;
padding-top: 5rpx;
padding-bottom: 40rpx;
padding-top: 20rpx;
padding-bottom: 15rpx;
margin-top: 10.67rpx;
.cart_title {
padding-left: 12.67rpx;
display: flex;
@ -1381,7 +1379,6 @@
}
.cart_content {
.good_info {
display: flex;
align-items: center;
@ -1389,8 +1386,10 @@
justify-content: space-between;
border-bottom: none;
padding: 0;
margin-bottom: 78.67rpx;
// margin-bottom: 78.67rpx;
&:nth-child(odd) {
margin-bottom: 10px;
}
&:last-child {
margin-bottom: 0;
}
@ -1836,4 +1835,7 @@
margin-right: 0;
}
}
/deep/ .uni-nav-bar-text {
padding-left: 16%;
}
</style>

Loading…
Cancel
Save