Browse Source

样式修改

master
zhengshuiqi 4 years ago
parent
commit
3509ff0107
  1. 130
      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. 16
      pages/shippingCart/index.vue

130
pages/account/index.vue

@ -6,8 +6,10 @@
<image src="/static/img/dope plus_white.png" mode="" class="index_logo"></image> <image src="/static/img/dope plus_white.png" mode="" class="index_logo"></image>
</view> </view>
<view class="account_info padding_account" :style="{background:`url(${userbg})`}"> <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="../../static/icon/nologin2.png" mode="" class="header_img"
<image :src="user_info.user_head" mode="" class="header_img" v-show="user_info.isLogin&&user_info.user_head" @click="seeImg()"></image> 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> --> <!-- <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"> <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">
@ -41,21 +43,29 @@
</view> </view>
<view class="order allpadding"> <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"> <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> <image src="../../static/img/unpaid.png" mode="" class="info_img"></image>
<text>Unpaid</text> <text>Unpaid</text>
</navigator> </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> <image src="../../static/img/Processing.png" mode="" class="info_img"></image>
<text>Processing</text> <text>Processing</text>
</navigator> </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> <image src="../../static/img/Shipped.png" class="info_img" mode=""></image>
<text>Shipped</text> <text>Shipped</text>
</navigator> </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> <image src="../../static/img/Returns.png" class="info_img" mode=""></image>
<text>Completed</text> <text>Completed</text>
</navigator> </navigator>
@ -65,7 +75,8 @@
<view class="order"> <view class="order">
<view class="order_title allpadding">My Service</view> <view class="order_title allpadding">My Service</view>
<view class="order_info allpadding"> <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 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> <image :src="item.block_pic" class="info_img" mode=""></image>
<text>{{ item.block_title }}</text> <text>{{ item.block_title }}</text>
</view> </view>
@ -104,20 +115,23 @@
<!-- scroll-x="true" --> <!-- scroll-x="true" -->
<scroll-view> <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)"> <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 --> <!-- allpadding -->
</image> </image>
</scroll-view> </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> <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" v-for="(item,index) in catList" :key="index" @click="goDetails(item.id)">
<view class="spike1_item_img"> <view class="spike1_item_img">
<image :src="item.thumb" mode=""></image> <image :src="item.thumb" mode=""></image>
</view> </view>
<view class="spike1_item_bottom1"> <view class="spike1_item_bottom1">
<view class="spike1_item_text">{{item.name}}</view> <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>
</view> </view>
</scroll-view> </scroll-view>
@ -126,7 +140,8 @@
</view> </view>
<view class="tarbar"> <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> <image :src="item.src"></image>
<view>{{ item.name}}</view> <view>{{ item.name}}</view>
</view> </view>
@ -135,7 +150,11 @@
</template> </template>
<script> <script>
import {defaultRequest,defaultRequest2,defaultRequest4} from '../../api/index.js' import {
defaultRequest,
defaultRequest2,
defaultRequest4
} from '../../api/index.js'
export default { export default {
data() { data() {
return { return {
@ -160,8 +179,7 @@
indexDate: [], indexDate: [],
userbg: '../../static/img/userbg.png', userbg: '../../static/img/userbg.png',
isTop: false, isTop: false,
tarbar:[ tarbar: [{
{
src: '../../static/icon/home3.png', src: '../../static/icon/home3.png',
name: 'Home', name: 'Home',
url: '../index/index' url: '../index/index'
@ -222,8 +240,7 @@
}, },
gotopage(title, url) { gotopage(title, url) {
var a, s var a, s
if(url.indexOf('?')) if (url.indexOf('?')) {
{
a = url.indexOf('?') a = url.indexOf('?')
console.log(a) console.log(a)
s = url.substring(17); s = url.substring(17);
@ -241,29 +258,24 @@
url: './myReview' url: './myReview'
}) })
} }
} } else if (this.isLogin == 1 && url.includes('dope.addressmanage')) {
else if(this.isLogin == 1 &&url.includes('dope.addressmanage')){
uni.navigateTo({ 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({ uni.navigateTo({
url: './message' url: './message'
}) })
} } else if (url.includes('html')) {
else if(url.includes('html')){
// plus.runtime.openURL(url) // plus.runtime.openURL(url)
uni.navigateTo({ 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({ uni.navigateTo({
url: '../specialTitle/index' + s url: '../specialTitle/index' + s
}) })
} } else {
else{
uni.navigateTo({ uni.navigateTo({
url: '../login/index' url: '../login/index'
}) })
@ -286,14 +298,18 @@
getList() { getList() {
this.isLogin = uni.getStorageSync('isLogin') this.isLogin = uni.getStorageSync('isLogin')
// tarbar // tarbar
let data2={_action:'getpagedata',pagecode:'HOMESALEICON '} let data2 = {
_action: 'getpagedata',
pagecode: 'HOMESALEICON '
}
defaultRequest(data2).then(res => { defaultRequest(data2).then(res => {
console.log(res) console.log(res)
let url let url
if (res.error == 0) { if (res.error == 0) {
// if(res.data.page_code == 'HOMESALEICON'){ // if(res.data.page_code == 'HOMESALEICON'){
if (res.data.page_code == 'HOMESALEICON') { 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/202210/1665653173499940520.png'
// let src = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.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 = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.png'
@ -335,7 +351,8 @@
} }
if (item.zone_code == 'USERBG') { if (item.zone_code == 'USERBG') {
let tag ='https://en.meixx.com/images/mapp_customized/202208/1661745404590473700.png' let tag =
'https://en.meixx.com/images/mapp_customized/202208/1661745404590473700.png'
if (tag == item.blocks[0].block_pic) { if (tag == item.blocks[0].block_pic) {
this.userbg = '../../static/img/userbg.png' this.userbg = '../../static/img/userbg.png'
} else { } else {
@ -360,7 +377,10 @@
}, },
// //
getIndex() { getIndex() {
let data={_action:'getpagedata',pagecode:'006-PERSONALCENTERPAGE'} let data = {
_action: 'getpagedata',
pagecode: '006-PERSONALCENTERPAGE'
}
defaultRequest(data).then(res => { defaultRequest(data).then(res => {
console.info(res.data.zones, '页面配置') console.info(res.data.zones, '页面配置')
if (res.error == 0) { if (res.error == 0) {
@ -374,7 +394,9 @@
}) })
}, },
getUserInfo() { getUserInfo() {
let data={_action:'getinfo'} let data = {
_action: 'getinfo'
}
defaultRequest(data).then(res => { defaultRequest(data).then(res => {
console.info(res, 'pppppp') console.info(res, 'pppppp')
if (res.error == 0) { if (res.error == 0) {
@ -407,8 +429,7 @@
const i = item.block_link.indexOf('?') const i = item.block_link.indexOf('?')
const url = item.block_link.substring(i) const url = item.block_link.substring(i)
console.log(item.block_link) console.log(item.block_link)
if(item.block_link.includes('dope.dope')) if (item.block_link.includes('dope.dope')) {
{
uni.navigateTo({ uni.navigateTo({
url: '../productDetails/index' + url url: '../productDetails/index' + url
}) })
@ -476,14 +497,17 @@
height: 50rpx !important; height: 50rpx !important;
margin-left: 22%; margin-left: 22%;
} }
.padding_account { .padding_account {
padding: 0 50rpx; padding: 0 50rpx;
padding-top: 97rpx; padding-top: 97rpx;
padding-bottom: 40rpx; padding-bottom: 40rpx;
} }
.allpadding { .allpadding {
padding: 0 23.33rpx; padding: 0 23.33rpx;
} }
.account_info { .account_info {
background-color: #000000 !important; background-color: #000000 !important;
@ -504,11 +528,15 @@
margin-bottom: 9.67rpx; margin-bottom: 9.67rpx;
background-color: #000000; background-color: #000000;
} }
.info_name { .info_name {
display: flex;
justify-content: center;
align-items: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
top: 25px; top: 13.5%;
left: 15%; // left: 15%;
// z-index: 1111; // z-index: 1111;
// font-size: 20px; // font-size: 20px;
@ -519,9 +547,16 @@
// padding: 100px 50px 0; // padding: 100px 50px 0;
// top: 23px; // top: 23px;
&_a { &_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; display: flex;
justify-content: space-between; justify-content: space-between;
@ -529,6 +564,7 @@
width: 100%; width: 100%;
color: #F7F7F7; color: #F7F7F7;
padding-top: 18.5%; padding-top: 18.5%;
.info_like_item { .info_like_item {
font-size: 40rpx; font-size: 40rpx;
font-weight: 400; font-weight: 400;
@ -546,17 +582,20 @@
line-height: 40rpx; line-height: 40rpx;
text-align: center; text-align: center;
} }
.info_like_item_text { .info_like_item_text {
margin-bottom: 14.67rpx; margin-bottom: 14.67rpx;
font-size: 30.33rpx; font-size: 30.33rpx;
display: block; display: block;
} }
.info_like_item_span { .info_like_item_span {
font-size: 25.33rpx; font-size: 25.33rpx;
} }
.info_like_item_text { .info_like_item_text {
margin-bottom: 14.67rpx; margin-bottom: 14.67rpx;
display: block; display: block;
@ -566,11 +605,13 @@
} }
} }
} }
.order { .order {
// padding: 0 23.33rpx; // padding: 0 23.33rpx;
padding-top: 37.33rpx; padding-top: 37.33rpx;
padding-bottom: 43.33rpx; padding-bottom: 43.33rpx;
border-bottom: 13.33rpx #F7F7F7 solid; border-bottom: 13.33rpx #F7F7F7 solid;
// background-color: #f6f5fa; // background-color: #f6f5fa;
.order_title { .order_title {
font-size: 26.67rpx; font-size: 26.67rpx;
@ -578,6 +619,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.icon_right { .icon_right {
height: 25rpx; height: 25rpx;
width: 25rpx; width: 25rpx;
@ -588,6 +630,7 @@
} }
} }
} }
.order_info { .order_info {
width: 100%; width: 100%;
// padding: 0 35.33rpx; // padding: 0 35.33rpx;
@ -609,21 +652,25 @@
margin-top: 38.67rpx; margin-top: 38.67rpx;
} }
.info_img { .info_img {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
} }
.mine_banner { .mine_banner {
width: 100%; width: 100%;
height: 226.67rpx; height: 226.67rpx;
margin: 56rpx 0; margin: 56rpx 0;
} }
.spike1 { .spike1 {
white-space: nowrap; white-space: nowrap;
width: 100%; width: 100%;
margin-top: 26rpx; margin-top: 26rpx;
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 0; width: 0;
height: 0; height: 0;
@ -638,6 +685,7 @@
display: inline-block; display: inline-block;
font-weight: 400; font-weight: 400;
width: 246.67rpx; width: 246.67rpx;
.spike1_item_img { .spike1_item_img {
width: 246.67rpx; width: 246.67rpx;
height: 246.67rpx; height: 246.67rpx;
@ -648,6 +696,7 @@
border-top-right-radius: 10rpx !important; border-top-right-radius: 10rpx !important;
// border-bottom: #fafafa 1rpx solid !important; // border-bottom: #fafafa 1rpx solid !important;
background-color: #999999; background-color: #999999;
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -655,6 +704,7 @@
border-top-right-radius: 10rpx !important; border-top-right-radius: 10rpx !important;
} }
} }
.spike1_item_bottom { .spike1_item_bottom {
padding-left: 9.33rpx; padding-left: 9.33rpx;
margin-top: 22.67rpx; margin-top: 22.67rpx;
@ -665,6 +715,7 @@
font-size: 21.33rpx; font-size: 21.33rpx;
text-decoration: line-through; text-decoration: line-through;
} }
.spike1_item_text1 { .spike1_item_text1 {
// color: #9D9D9D; // color: #9D9D9D;
text-align: center; text-align: center;
@ -672,6 +723,7 @@
font-weight: bold !important; font-weight: bold !important;
} }
} }
.spike1_item_bottom1 { .spike1_item_bottom1 {
height: 120rpx; height: 120rpx;
// width: 246.67rpx; // width: 246.67rpx;
@ -685,6 +737,7 @@
border-bottom-left-radius: 10rpx; border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx; border-bottom-right-radius: 10rpx;
background-color: #fff; background-color: #fff;
.spike1_item_text { .spike1_item_text {
color: #000000; color: #000000;
font-size: 24rpx; font-size: 24rpx;
@ -702,14 +755,17 @@
} }
} }
.spike1_item:last-child { .spike1_item:last-child {
margin-right: 0; margin-right: 0;
} }
} }
} }
.margin_botoom { .margin_botoom {
padding-bottom: 55px !important; padding-bottom: 55px !important;
} }
.navigator-hover { .navigator-hover {
background-color: transparent !important; background-color: transparent !important;
opacity: 1 !important; opacity: 1 !important;

15
pages/account/message.vue

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

20
pages/category/index.vue

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

18
pages/index/index.vue

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

9
pages/productDetails/index.vue

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

16
pages/shippingCart/index.vue

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

Loading…
Cancel
Save