Browse Source

样式修改

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

644
pages/account/index.vue

File diff suppressed because it is too large

19
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,11 +160,14 @@
// uni.navigateTo({
// url:'../category/index'
// })
uni.navigateTo({
// url:'index'
url:'../category/index'
// url:'../account/index'
})
// uni.navigateTo({
// // url:'index'
// // url: '../index'
// url:'../account/index'
// })
uni.navigateBack({
delta: 1,
})
}
},
onLoad() {
@ -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;
}

20
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;
margin-top: 10.67rpx;
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