Browse Source

样式修改

master
“linchaomei” 3 years ago
parent
commit
c5a59f5221
  1. 4
      App.vue
  2. 188
      common/common.scss
  3. 6
      common/scss/order.scss
  4. 4
      config.js
  5. 14
      manifest.json
  6. 29
      pages.json
  7. 3
      pages/account/addAddress.vue
  8. 19
      pages/account/address.vue
  9. 68
      pages/account/favorites.vue
  10. 95
      pages/account/index.vue
  11. 30
      pages/account/message.vue
  12. 44
      pages/account/myCoupons.vue
  13. 9
      pages/account/myOrders.vue
  14. 46
      pages/account/myReview.vue
  15. 57
      pages/account/pointsDetails.vue
  16. 26
      pages/account/settings.vue
  17. 58
      pages/account/wishlist.vue
  18. 25
      pages/category/index.vue
  19. 91
      pages/category/productList.vue
  20. 28
      pages/index/first.vue
  21. 88
      pages/index/flashSale.vue
  22. 496
      pages/index/index.vue
  23. 16
      pages/index/search.vue
  24. 112
      pages/login/index.vue
  25. 422
      pages/order/confirmation.vue
  26. 16
      pages/order/details.vue
  27. 2
      pages/productDetails/goodsReview.vue
  28. 212
      pages/productDetails/index.vue
  29. 93
      pages/productDetails/review.vue
  30. 87
      pages/shippingCart/index.vue
  31. 24
      pages/specialTitle/index.vue
  32. 16
      pages/specialTitle/index2.vue
  33. BIN
      static/img/$.png
  34. BIN
      static/img/add_black.png
  35. BIN
      static/img/add_gray.png
  36. BIN
      static/img/add_white.png
  37. BIN
      static/img/att.png
  38. BIN
      static/img/bg.png
  39. BIN
      static/img/comment.png
  40. BIN
      static/img/dollo.png
  41. BIN
      static/img/eye_open.png
  42. BIN
      static/img/eye_w.png
  43. BIN
      static/img/facebook2.png
  44. BIN
      static/img/foot.png
  45. BIN
      static/img/foot_white.png
  46. BIN
      static/img/heart_white.png
  47. BIN
      static/img/loginbg.png
  48. BIN
      static/img/map.png
  49. BIN
      static/img/select_red.png
  50. BIN
      static/img/userbg.png
  51. 12
      uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.vue

4
App.vue

@ -20,8 +20,8 @@
})
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 5000);
plus.navigator.closeSplashscreen();
}, 2400);
},
onShow: function() {
console.log('App Show')

188
common/common.scss

@ -4,6 +4,101 @@
height: 50rpx;
// background-color: #000000;
}
.addCard{
font-size: 26rpx !important;
line-height: 34rpx;
}
.hotmaxW{
// height:300rpx !important;
padding:60rpx 60rpx !important;
transition: margin-right 2s .5s;
transform:scale(1.2);
}
.hotmaxW :hover {
transform:scale(1.2);
}
.hotmaxmin{
padding:40rpx 40rpx !important;
transition: margin-right 2s .5s;
transform:scale(0.8);
}
.empty_item{
height: 500rpx;
padding: 20rpx 100rpx;
margin:50rpx auto;
color:#000;
font-size: 24rpx;
text-align: center;
.empty_item_img{
height: 180rpx;
width: 180rpx;
margin: 0 auto;
margin-bottom: 30rpx;
image{
height: 100%;
width: 100%;
}
}
button {
font-size: 24.33rpx;
font-weight: 500;
background-color: black;
color: white;
width: 160rpx;
height: 65.67rpx;
border-radius: 20rpx !important;
line-height: 65.67rpx;
border-radius: 0;
margin-top: 33.33rpx;
}
.uni-button{
border-radius: 20rpx !important;
}
}
.one{
display: flex;
height:100rpx;
padding-top: 50rpx;
width: 100%;
top:0;
line-height: 100rpx;
z-index: 99;
background-color: #000;
position: fixed;
text-align: center;
padding-left:20rpx;
color:#fff;
image{
float: left;
padding-top: 30rpx;
padding-right:20rpx;
height: 40rpx;
width: 40rpx;
}
.one_text{
width: 60%;
text-align: center;
margin-left: 10%;
}
}
// .left image,
// .right image .imgallb{
// border-radius: 10rpx !important;
// }
.text_white{
color:#fff;
font-weight: bold;
margin-left: 5rpx;
}
.uni-countdown__splitor{
color:#fff !important;
}
.uni-bg-black{
background-color: #000000;
@ -64,7 +159,7 @@
// 评价
.reviews_item{
padding: 34rpx 0;
border-bottom: 0.1rpx solid #3b3b3b;
border-bottom: 0.1rpx solid #1b1b1b;
opacity: 0.7;
&:last-child{
border-bottom: none;
@ -75,8 +170,8 @@
// justify-content: space-around;
.reviews_item_img{
height: 100rpx;
width: 100rpx;
height: 60rpx;
width: 60rpx;
// border-radius: 50%;
// margin-right: 2rpx;
@ -146,6 +241,9 @@
font-size: 26.67rpx;
font-weight: 400;
margin-bottom: 34.67rpx;
padding-left: 20rpx;
padding-right: 20rpx;
overflow: hidden;
}
.reviews_item_image{
display: flex;
@ -155,7 +253,7 @@
width: 233.33rpx;
height: 233.33rpx;
margin-left: 16.67rpx;
// background-color: #999999;
background-color: #999999;
background-size: 100% !important;
image{
height: 100%;
@ -167,7 +265,28 @@
}
}
}
.order_popup_title{
position: relative;
font-size: 32rpx;
font-weight: bold;
border-bottom: 1px solid #E2E2E2;
display: flex;
color:#000;
align-items: center;
justify-content: center;
// padding-top: 44.67rpx;
padding-bottom: 20.67rpx;
text-align: center;
image{
width: 21.33rpx;
height: 21.33rpx;
position: absolute;
right: 26rpx;
}
}
.img_border{
border-radius: 10rpx;
}
// 谈判细节
.order_popup{
position: fixed;
@ -290,7 +409,14 @@
left: 0;
}
.wishlist_body{
padding-top:60rpx;
// margin-top: 40rpx;
position: relative;
height: 100%;
width: 100%;
// padding-bottom: 50rpx;
background-color: #000;
color:#fff !important;
}
.wishlist{
@ -393,7 +519,8 @@
.recommend{
padding: 0 26.67rpx;
padding-top: 54rpx;
// background-color: #;
color:white;
.recommend_title{
position: relative;
text-align: center;
@ -413,27 +540,45 @@
}
.recommend_content{
display: flex;
// background-color: #f4f3f8 !important;
justify-content: space-between;
flex-wrap: wrap;
font-size: 29.33rpx;
font-weight: 400;
line-height: 34rpx;
font-size: 26.33rpx;
// font-weight: 400;
.recommend_content_item{
width: 340rpx;
margin-bottom: 16.67rpx;
border-radius: 10rpx;
background-color: #1e1e1e;
border-radius: 10rpx;
margin-bottom: 24rpx;
padding-bottom:20rpx;
.recommend_content_name{
height: 80rpx;
line-height: 40rpx;
overflow: hidden;
font-size: 25rpx;
font-size: 20rpx;
}
.recommend_content_item_image{
width: 100%;
height:340rpx ;
background-color: #999999;
border-top-left-radius: 10rpx;
border-top-right-radius: 10rpx;
background-color: #141414;
margin-bottom: 11.33rpx;
image{
border-top-left-radius: 10rpx;
border-top-right-radius: 10rpx;
}
.recommend_content_item_image_name{
height: 80rpx;
// padding: 20rpx 20rpx;
background-color: #630102 !important;
line-height: 40rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@ -446,6 +591,7 @@
.recommend_content_item_pric{
font-size: 32rpx;
// font-weight: bold;
// padding-left:20rpx;
margin-top: 6rpx;
}
}
@ -599,13 +745,19 @@
margin-bottom: 56rpx;
}
.tips{
color: #630201;
font-size: 18.67rpx;
font-weight: bold;
color: #fff;
font-size: 26rpx;
display: flex;
image{
height: 32rpx;
width: 32rpx;
margin: 0 10rpx;
}
// font-weight: bold;
}
.forgot{
font-size: 22.67rpx;
color: #666666;
font-size: 25.67rpx;
color: #fff;
margin-top: 29.33rpx;
text-align: right;
margin-bottom: 34.67rpx;
@ -636,8 +788,8 @@
font-weight: bold;
.agreement_image{
width: 24rpx;
height: 24rpx;
width: 34rpx;
height: 34rpx;
margin-right: 13.33rpx;
padding-top: 4rpx;
}

6
common/scss/order.scss

@ -1,6 +1,7 @@
.order_popup_commodity{
padding:0 26rpx;
bottom: 0;
z-index: 99;
}
@ -97,6 +98,9 @@
}
.order_popup_commodity{
border-bottom: 14.67rpx solid #F6F5FA;
// background-color: #B22234;
// height: 100rpx;
// width: 100%;
}
.summary{
border-bottom: 14.67rpx solid #F6F5FA;

4
config.js

@ -1,5 +1,5 @@
// var weburl='en.meixx.com';
var weburl = 'lilbeattranapismits.dopeplus.com';
//var weburl='en.meixx.com';
var weburl = 'lilbeattranapismits.dopeplus.com';
export default {
apiUri: 'https://'+weburl+'/',
imgUri: 'http://'+weburl+'/',

14
manifest.json

@ -10,18 +10,18 @@
"usingComponents" : true,
"nvueStyleCompiler" : "uni-app",
"compilerVersion" : 3,
// "splashscreen" : {
// "alwaysShowBeforeRender" : false,
// "waiting" : false,
// "autoclose" : true,
// "delay" : 0
// },
"splashscreen" : {
"alwaysShowBeforeRender" : false,
"autoclose" : false,
"waiting" : false,
"autoclose" : true,
"delay" : 0
},
// "splashscreen" : {
// "alwaysShowBeforeRender" : false,
// "autoclose" : false,
// "waiting" : false,
// "delay" : 0
// },
"safearea" : {
"bottom" : {
"offset" : "none"

29
pages.json

@ -1,5 +1,17 @@
{
"pages": [ //pageshttps://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"enablePullDownRefresh":true,
"app-plus":{
"titleNView":false
},
"navigationBarTextStyle":"white"
}
},
{
"path": "pages/index/first",
"style": {
@ -14,17 +26,6 @@
}
}
},
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"enablePullDownRefresh":true,
"app-plus":{
"titleNView":false
},
"navigationBarTextStyle":"white"
}
},
{
"path": "pages/index/search",
"style": {
@ -138,10 +139,8 @@
{
"path": "pages/login/index",
"style": {
"navigationStyle":"custom",
"enablePullDownRefresh": false
// "navigationBarTitleText": " ",
// "navigationBarBackgroundColor":"#000000"
"navigationStyle":"custom"
// "navigationBarTextStyle":"white"
}
},
{

3
pages/account/addAddress.vue

@ -413,6 +413,9 @@
}
},
onShow() {
this.getCountry()
},
onLoad(e) {
if(e.type==1){

19
pages/account/address.vue

@ -25,7 +25,16 @@
</view>
</view>
<view class="address_foot">
<view class="empty_item" v-if="!list">
<view class="empty_item_img">
<image src = "../../static/img/map.png" mode=""></image>
</view>
<view>No harvest address!</view>
<view><navigator url="/pages/account/addAddress" >
<button>To add</button>
</navigator></view>
</view>
<view class="address_foot" v-if="list">
<navigator url="/pages/account/addAddress" >
<button>ADD ADDRESS</button>
</navigator>
@ -38,7 +47,7 @@
</template>
<script>
import {defaultRequest2} from '../../api/index.js'
import {defaultRequest,defaultRequest2} from '../../api/index.js'
export default {
data() {
return {
@ -91,7 +100,7 @@
},
getList(){
let data={_action:'getconsignees'}
defaultRequest2(data).then(res=>{
defaultRequest(data).then(res=>{
console.info(res)
if(res.error==0){
this.list=res.data
@ -128,10 +137,12 @@
box-sizing: border-box;
button{
color: white;
height: 80rpx;
line-height: 80rpx;
background-color: black;
font-size: 26.67rpx;
font-weight: bold;
margin: 0;
bottom: 10rpx;
}
}
.address_item{

68
pages/account/favorites.vue

@ -1,7 +1,8 @@
<template>
<view class="wishlist_body">
<view class="status_bar"></view>
<uni-nav-bar left-icon="left" :rightText="isDelete?'Done':'Delete'" title="Favorites" color="#fff" backgroundColor="#000000" @clickLeft="back" @clickRight="$refs.alertDialog.open()"/>
<uni-nav-bar left-icon="left" :rightText="isDelete?'Done':'Delete'" title="Footprint" :fixed="true" :border="false"
color="#fff" backgroundColor="#000" @clickLeft="back" @clickRight="$refs.alertDialog.open()"/>
<view class="wishlist">
<view class="wishlist_item" v-for="(item,index) in goodsList" :key="index" @click="goDetails(item)">
<view class="wishlist_item_img">
@ -10,11 +11,18 @@
</view>
<view class="wishlist_item_bottom">
<text>US${{item.promote_price?item.promote_price:item.shop_price}}</text>
<image src="/static/img/like.png" mode="" v-show="item.is_attention==0" class="wishlist_item_bottom_icon" @click.stop="addLike(item.id)"></image>
<image src="../../static/img/like1.png" mode="" v-show="item.is_attention==1" class="wishlist_item_bottom_icon" @click.stop="removeLike(item.id)"></image>
<image src="/static/img//like_white.png" mode="" v-show="item.is_attention==0" class="wishlist_item_bottom_icon" @click.stop="addLike(item.id)"></image>
<image src="../../static/icon/like_red.png" mode="" v-show="item.is_attention==1" class="wishlist_item_bottom_icon" @click.stop="removeLike(item.id)"></image>
</view>
</view>
</view>
<view class="empty_item" v-if="!goodsList">
<view class="empty_item_img">
<image src = "../../static/img/foot_white.png" mode=""></image>
</view>
<view>No browsing record!</view>
<view><button @click="gotoindex()">Go to see</button></view>
</view>
<view class="wishlist_foot" v-show="isDelete">
<view class="wishlist_foot_left">
<image src="../../static/img/select2.png" mode=""></image>
@ -24,7 +32,7 @@
<button>DELETE</button>
</view>
</view>
<uni-popup ref="alertDialog" type="dialog">
<uni-popup ref="alertDialog" type="dialog" v-if="goodsList">
<uni-popup-dialog type="error" cancelText="Close" confirmText="Clear" title="Tips" content="Whether to clear browsing history?"
@confirm="clearFavorites" ></uni-popup-dialog>
</uni-popup>
@ -47,6 +55,11 @@
url:"../productDetails/index?goodid="+id.id
})
},
gotoindex(){
uni.switchTab({
url:'../index/index'
})
},
//
clearFavorites(){
let data={_action:'cleargoodsbrowsehistory'}
@ -54,7 +67,7 @@
console.info(res)
if(res.error==0){
uni.showToast({
title:res.message,
title:'ok',
icon:'none'
})
this.getList()
@ -119,14 +132,20 @@
}
}
</script>
<style lang="scss" scoped>
<style>
page{
height: 100vh;
background-color: #000;
}
</style>
<style lang="scss" scoped>
.status_bar{
height: 50rpx;
width: 100%;
position: fixed;
background-color: #000000;
}
.uni-navbar{
@ -137,4 +156,39 @@
width: 220rpx;
box-sizing: border-box;
}
.empty_item{
height: 500rpx;
padding: 20rpx 100rpx;
margin:50rpx auto;
color:#fff;
font-size: 24rpx;
text-align: center;
.empty_item_img{
height: 180rpx;
width: 180rpx;
margin: 0 auto;
margin-bottom: 30rpx;
image{
height: 100%;
width: 100%;
}
}
button {
font-size: 24.33rpx;
font-weight: 500;
background-color: white;
color: #000;
width: 160rpx;
height: 65.67rpx;
border-radius: 20rpx !important;
line-height: 65.67rpx;
border-radius: 0;
margin-top: 33.33rpx;
}
.uni-button{
border-radius: 20rpx !important;
}
}
</style>

95
pages/account/index.vue

@ -1,10 +1,13 @@
<template>
<view>
<!-- <view class="status_bar"></view> -->
<view class="one" v-show ="isTop">
<image src="../../static/img/left_white.png" mode="" @click="back()"></image>
<image src="/static/img/dope plus_white.png" mode="" class="index_logo"></image>
</view>
<view class="account_info " :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"></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 url="/pages/login/index" >
@ -32,7 +35,7 @@
</navigator>
<navigator :url="noLogin==0?'/pages/account/favorites':'../login/index'" class="info_like_item">
<image src="../../static/img/favorites_white.png" mode="" class="info_like_item_img"></image>
<text class="info_like_item_span">Favorites</text>
<text class="info_like_item_span">Footprint</text>
</navigator>
</view>
</view>
@ -108,7 +111,7 @@
<image :src="item.thumb" mode=""></image>
</view>
<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>
</view>
</view>
@ -145,7 +148,8 @@
count:0,
backButtonPress:0,
indexDate:[],
userbg:''
userbg:'../../static/img/userbg.png',
isTop:false,
}
},
onBackPress(options) {
@ -166,6 +170,19 @@
url:'/pages/productDetails/index?goodid='+id
})
},
//
seeImg(){
let list = []
list.push(this.user_info.user_head)
wx.previewImage({
urls: list, //httpurl
current: 0, // http
indicator:'number',
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
},
gotopage(title,url){
var a,s
if(url.indexOf('?'))
@ -251,7 +268,13 @@
this.Imglist = imglist.blocks
}
if(item.zone_code =='USERBG'){
this.userbg = 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{
this.userbg = item.blocks[0].block_pic
}
}
})
@ -324,7 +347,21 @@
url:'../productDetails/index'+url
})
}
}
},
back(){
uni.navigateBack({
delta:1
})
},
onPageScroll(res) {
console.log(res.scrollTop)
if(res.scrollTop>40){
this.isTop=true
}else if(res.scrollTop<40){
this.isTop=false
}
},
},
onLoad(e) {
this.isLogin = uni.getStorageSync('isLogin')
@ -363,13 +400,20 @@
</script>
<style lang="scss" scoped>
.index_logo{
width: 270.33rpx !important;
height: 50rpx !important;
margin-left: 22%;
}
.account_info{
background-color: #000000;
padding: 0 50rpx;
padding-top: 97rpx;
padding-bottom: 40rpx;
border-bottom: 13.33rpx #F7F7F7 solid;
display: flex;
// width: 100%;
// position: fixed;
flex-direction: column;
align-items: center;
justify-content: center;
@ -498,17 +542,24 @@
color: #191919;
font-size: 24.67rpx;
margin-right: 16.67rpx;
width: 286.67rpx;
// width: 286.67rpx;
display: inline-block;
font-weight: 400;
width: 246.67rpx;
.spike1_item_img{
width: 286.67rpx;
height: 286.67rpx;
width: 246.67rpx;
height: 246.67rpx;
// border-top: #efefef solid 1rpx;
// border-right: #efefef solid 1rpx;
// border-left: #efefef solid 1rpx;
border-top-left-radius: 10rpx !important;
border-top-right-radius: 10rpx !important;
background-color: #999999;
image{
width: 100%;
height: 100%;
border-top-left-radius: 10rpx !important;
border-top-right-radius: 10rpx !important;
}
}
.spike1_item_bottom{
@ -529,18 +580,26 @@
}
}
.spike1_item_bottom1{
padding-left: 80.77rpx;
margin-top: 19.33rpx;
font-weight: bold;
height: 120rpx;
padding-left: 20.77rpx;
padding-top: 6.33rpx;
padding-bottom: 6.33rpx;
font-weight: bold;
text-align: left;
color: #000000;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
background-color: #ececec;
.spike1_item_text{
color: #000000;
font-size: 16rpx;
font-weight: 400;
margin-bottom: 20.67rpx;
margin-bottom: 2.67rpx;
white-space: break-spaces;
overflow:hidden;
white-space: nowrap;
line-height: 40rpx;
height: 80rpx;
white-space: wrap;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;

30
pages/account/message.vue

@ -1,8 +1,11 @@
<template>
<view>
<uni-nav-bar left-icon="left" :statusBar="true" title="Message"
color="#fff" backgroundColor="#000000" @clickLeft="back" :border="false"/>
<!-- <uni-nav-bar left-icon="left" :statusBar="true" title="Message"
color="#fff" backgroundColor="#000000" @clickLeft="back" :border="false"/> -->
<view class="one">
<image src="../../static/img/left_white.png" mode="" @click="back()"></image>
<view class="one_text">Message</view>
</view>
<view class="body">
<view class="msg_item" v-for="(item,index) in list.blocks" :key="item.block_title" @click="gotopage(item)">
<view class="msg_time">{{item.block_avaiable_from | Mes}}</view>
@ -37,6 +40,15 @@
return {
list:[],
myMes:{
_action:'getmessagelist',
type:1,
importance:'',
label:'',
title:'',
page_index:1,
page_size:10
},
myMes1:{
_action:'getmessagelist',
type:0,
importance:'',
@ -101,6 +113,16 @@
console.log(sum)
})
defaultRequest(this.myMes1).then(res =>{
console.log(res)
if(res.error == 0){
res.data.message_list.map( item =>
{
this.app_Mes.push(item)
})
}
})
},
gotopage(item){
console.log(item.block_link)
@ -134,7 +156,7 @@
}
.body{
// border-top: 13.33rpx #F7F7F7 solid;
padding:0 26.67rpx;
padding: 50.67rpx 26.67rpx;
}
.msg_item{
padding-top: 42.67rpx;

44
pages/account/myCoupons.vue

@ -17,6 +17,15 @@
<button @click="goPage(1)">Use Now</button>
</view>
</view>
<view class="empty_item1" v-if="!list">
<view class="empty_item_img">
<image src = "../../static/img/$.png" mode=""></image>
</view>
<view>sorry,no coupons~</view>
<view>
<button @click="goPage(1)">Go to the home page</button>
</view>
</view>
</view>
</view>
</template>
@ -72,4 +81,39 @@
padding:0 26rpx;
padding-top: 31.33rpx;
}
.empty_item1{
height: 500rpx;
padding: 20rpx 100rpx;
margin:50rpx auto;
color:#000;
font-size: 24rpx;
text-align: center;
.empty_item_img{
height: 180rpx;
width: 180rpx;
margin: 0 auto;
margin-bottom: 30rpx;
image{
height: 100%;
width: 100%;
}
}
button {
font-size: 24.33rpx;
font-weight: 500;
background-color: black;
color: white;
width: 240rpx;
height: 65.67rpx;
border-radius: 20rpx !important;
line-height: 65.67rpx;
border-radius: 0;
margin-top: 33.33rpx;
}
.uni-button{
border-radius: 20rpx !important;
}
}
</style>

9
pages/account/myOrders.vue

@ -456,7 +456,7 @@
<text>Pay Pal</text>
</view>
</view>
<view class="pay_item" @click="selectPay(1)">
<!-- <view class="pay_item" @click="selectPay(1)">
<image src="../../static/img/select1.png" mode="" class="pay_item_select" v-if="pay_index==1"></image>
<image src="../../static/img/select2.png" mode="" class="pay_item_select" v-else></image>
<view class="pay_item_right">
@ -479,7 +479,7 @@
<image src="../../static/img/APay.png" mode=""></image>
<text>Apple pay</text>
</view>
</view>
</view> -->
<button @click="getPayDate">PAY NOW</button>
</view>
</view>
@ -712,11 +712,14 @@
// this.getList()
},
},
onShow() {
onShow(e) {
this.scrollChange(0)
this.getList()
},
onLoad(e) {
this.scrollChange(0)
this.scroll_active=e.scroll_active
this.scrollChange(e.index)
},
filters:{
goodsAttr(e){

46
pages/account/myReview.vue

@ -1,7 +1,7 @@
<template>
<view class="body">
<view class="reviews_item" v-for="(item,index) in 2" :key="index">
<!-- <view class="reviews_item" v-for="(item,index) in 2" :key="index">
<view class="reviews_item_title">
<view class="reviews_title_user">
<text>e***8</text>
@ -18,8 +18,14 @@
<image src="../../static/img/more.png" mode="" @click="isShwo=true"></image>
<view class="more_delete" v-show="isShwo">delete</view>
</view>
</view> -->
<view class="empty_item" v-if="!List">
<view class="empty_item_img">
<image src = "../../static/img/comment.png" mode=""></image>
</view>
<view>No comment!</view>
<!-- <view><button @click="gotoindex()">Go to see</button></view> -->
</view>
<view class="mask" v-show="isShwo" @click="isShwo=false"></view>
</view>
</template>
@ -39,52 +45,28 @@
page_index:1,
page_size:10,
}
},
list:[]
}
},
methods:{
getList(){
let query ={
_action:"getmycomments",
_action:'getmycomment',
page_index:1,
page_size:20,
}
console.log(query)
defaultRequest(query).then(res =>{
console.log(res)
})
const json_data={
appcode:'DOPE+' ,//
appchannel:'FXXXXHUAWEI' ,//
appver: '1.0.0',//
appname:'cnic_buyer' ,//
manufacturer:'HUAWEI',//
phonebrand:'HORNOR' ,//
phonetype:'X30' ,//
phoneos:'ANDROID',//
_action:'getmycomments',//
page_index:1,
page_size:20,
if(res.error ==0){
}
let data = encryptDes(JSON.stringify(json_data),'6780f04cf2e211ec86a8005056c00008')
uni.request({
url:'https://en.meixx.com/mapi/api_v2011.php?appcode=DOPE+',
// url:'https://lilbeattranapismits.dopeplus.com/mapi/api_v2011.php?appcode=DOPE+',
data:{
data:data
},
success: (res) => {
console.log(res.data);
// this.text = 'request success';
let data2=decryptDes(res.data,'6780f04cf2e211ec86a8005056c00008');
console.log(data2)
}
}
})
}
},
onLoad(e) {
// this.query.goods_id=e.goods_id
this.query.goods_id=e.goods_id
this.getList()
},
// onShow() {

57
pages/account/pointsDetails.vue

@ -1,6 +1,10 @@
<template>
<view>
<uni-nav-bar left-icon="left" right-icon="info"title="Points Details" color="#fff" backgroundColor="#000000" @clickRight="goto()" @clickLeft="back" :border="false" :statusBar="true" />
<view>
<uni-nav-bar left-icon="left" right-icon="info"title="Points Details"
color="#fff" backgroundColor="#000000" @clickRight="goto()" @clickLeft="back"
:border="false" :statusBar="true" />
</view>
<view class="points">
<view class="points_item" v-for="(item,index) in list" :key="item.log_id">
<view class="points_item_title">
@ -10,6 +14,15 @@
<text>{{ item.change_time }}</text>
</view>
</view>
<view class="empty_item1" v-if="list.length==0">
<view class="empty_item_img">
<image src = "../../static/img/dollo.png" mode=""></image>
</view>
<view>Full refund for the first order for new members~</view>
<view>
<button @click="goPage()">go shopping</button>
</view>
</view>
</view>
</template>
@ -28,6 +41,11 @@
back(){
uni.navigateBack()
},
goPage(){
uni.switchTab({
url:'../index/index'
})
},
getUserinfo(){
let data ={
_action:'getuseraccountlog',page_index:1,page_size:20
@ -42,7 +60,7 @@
goto(){
uni.navigateTo({
url:'../specialTitle/index?id='+'POINTSRULE'
url:'../specialTitle/index?id='+'POINTSRULE'+'&title='+'POINTS RULE'
})
}
},
@ -84,4 +102,39 @@
}
}
.empty_item1{
height: 500rpx;
padding: 20rpx 100rpx;
margin:50rpx auto;
color:#000;
font-size: 24rpx;
text-align: center;
.empty_item_img{
height: 180rpx;
width: 180rpx;
margin: 0 auto;
margin-bottom: 30rpx;
image{
height: 100%;
width: 100%;
}
}
button {
font-size: 24.33rpx;
font-weight: 500;
background-color: black;
color: white;
width: 200rpx;
height: 65.67rpx;
border-radius: 20rpx !important;
line-height: 65.67rpx;
border-radius: 0;
margin-top: 33.33rpx;
}
.uni-button{
border-radius: 20rpx !important;
}
}
</style>

26
pages/account/settings.vue

@ -35,7 +35,8 @@
export default {
data() {
return {
appver:''
appver:'',
}
},
methods:{
@ -93,12 +94,29 @@
url:'../order/paypalWebview?src='+urlStr2
})
}
},
getAppnum(){
let data = {
_action:'getnewversion'
}
defaultRequest2(data).then(res =>{
console.log(res)
if(res.error == 0){
let v = uni.getStorageSync('appdata')
console.log(v)
if(!res.data.ver_name){
this.appver = v.appver
}else{
this.appver = res.data.ver_name
}
}
})
}
},
onLoad() {
let v = uni.getStorageSync('appdata')
console.log(v)
this.appver = v.appver
this.getAppnum()
}
}
</script>

58
pages/account/wishlist.vue

@ -1,7 +1,8 @@
<template>
<view class="wishlist_body">
<view class="status_bar"></view>
<uni-nav-bar left-icon="left" :rightText="isDelete?'Done':'Delete'" title="Wishlist" color="#fff" backgroundColor="#000000" @clickLeft="back" @clickRight="clickRight()"/>
<uni-nav-bar left-icon="left" :rightText="isDelete?'Done':'Delete'" :fixed="true" :border="false"
title="Wishlist" color="#fff" backgroundColor="#000000" @clickLeft="back" @clickRight="clickRight()"/>
<view class="wishlist">
<view class="wishlist_item" v-for="(item,index) in goodsList" :key="item.goods_id" >
<view class="wishlist_item_img"@click="isDelete?selectGoods(item.goods_id,index): goDetails(item.goods_id)">
@ -12,10 +13,19 @@
</view>
<view class="wishlist_item_bottom">
<text>US${{item.promote_price?item.promote_price:item.shop_price}}</text>
<image src="../../static/img/delete1.png" mode="" class="wishlist_item_bottom_icon" @click="removeL(item)"></image>
<image src="../../static/img/delete2.png" mode="" class="wishlist_item_bottom_icon" @click="removeL(item)"></image>
</view>
</view>
</view>
<view class="empty_item1" v-if="!goodsList">
<view class="empty_item_img">
<image src = "../../static/img/heart_white.png" mode=""></image>
</view>
<view>Full refund for the first order for new members~</view>
<view>
<button @click="goPage()">go shopping</button>
</view>
</view>
<view class="wishlist_foot" v-show="isDelete">
<view class="wishlist_foot_left" @click="isAllTap()">
<image src="../../static/img/select2.png" mode="" v-if="!isAll"></image>
@ -273,11 +283,14 @@
}
}
</script>
<style lang="scss" scoped>
<style>
page{
height: 100vh;
background-color: #000;
}
</style>
<style lang="scss" scoped>
.status_bar {
// height: var(--status-bar-height);
width: 100%;
@ -288,4 +301,39 @@
font-size: 32rpx;
font-weight: bold;
}
.empty_item1{
height: 500rpx;
padding: 20rpx 100rpx;
margin:50rpx auto;
color:#fff;
font-size: 24rpx;
text-align: center;
.empty_item_img{
height: 180rpx;
width: 180rpx;
margin: 0 auto;
margin-bottom: 30rpx;
image{
height: 100%;
width: 100%;
}
}
button {
font-size: 24.33rpx;
font-weight: 500;
background-color: #fff;
color: #000;
width: 240rpx;
height: 65.67rpx;
border-radius: 20rpx !important;
line-height: 65.67rpx;
border-radius: 0;
margin-top: 33.33rpx;
}
.uni-button{
border-radius: 20rpx !important;
}
}
</style>

25
pages/category/index.vue

@ -3,6 +3,7 @@
<view class="search">
<view class="status_bar"></view>
<view class="search1">
<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">
<image src="../../static/img/seach.png" mode=""></image>
@ -249,6 +250,11 @@
}
}, 10)
},
gotoindex(){
uni.switchTab({
url:'../index/index'
})
}
}
}
@ -278,15 +284,26 @@
display: flex;
align-items: center;
justify-content: space-between;
.search1_img{
height:56rpx;
width: 50rpx;
// background-color: #fff;
margin:0 10rpx 0 10rpx;
image{
height: 100%;
width: 100%;
}
}
.navigation_seach{
width: 546.67rpx;
// width: 546.67rpx;
width: 480rpx;
background-color: #F5F6FA;
border-radius: 6.67rpx;
height: 66.67rpx;
height: 56.67rpx;
display: flex;
align-items: center;
color: #8F9094;
margin-right:20rpx;
border-radius: 33rpx;
font-size: 26.67rpx;
padding-left: 25rpx;
@ -437,6 +454,7 @@
width: 146.67rpx;
height: 146.67rpx;
margin-bottom: 22rpx;
border-radius: 10rpx;
}
}
@ -451,6 +469,7 @@
image{
height: 100%;
width: 100%;
border-radius: 10rpx;
}
}

91
pages/category/productList.vue

@ -41,7 +41,7 @@
</view>
</view>
<view class="body">
<view class="product" v-show="pets_index==0">
<view class="product" v-show="pets_index==1">
<view class="product_item" v-for="(item,index) in list" :key="index" @click="goDetails(item,1)">
<image class="product_item_image" :src="item.goods_img"></image>
<view class="product_item_right">
@ -61,13 +61,13 @@
</view>
</view>
<view class="product1" v-show="pets_index==1">
<view class="product1" v-show="pets_index==0">
<custom-waterfalls-flow ref="waterfallsFlowRef" :value="list" imageKey="goods_img" @wapperClick="goDetails" @imageClick="goDetails">
<template v-slot:default="item">
<template v-slot:default="item" >
<view class="product1_item">
<view class="item_text">{{item.short_name}}</view>
<view class="desc">
<text>US${{item.shop_price}}</text>
<text style="font-family: cursive;">US${{item.shop_price}}</text>
<image src="../../static/icon/cat_white.png" mode="" @click.stop="gotoCart(item)"></image>
</view>
<view class="lable" v-if="item.tags!=''">{{item.tags}}</view>
@ -75,6 +75,7 @@
</template>
</custom-waterfalls-flow>
</view>
<view class="bootom_last" v-if="bootom == 1">-THE END-</view>
<view class="mask" @click="isCart=false" v-show="isCart"></view>
<view class="addCard" v-show="isCart">
<image src="/static/img/close1.png" mode="" class="addCard_close" @click="isCart=false,goods_attr_list =[]"></image>
@ -168,6 +169,7 @@
shop_price:0,
tag:0,
first:0,//
bootom:0,
}
},
methods:{
@ -452,7 +454,7 @@
}else{
uni.hideLoading();
console.log(1111)
this.bootom =1
this.isReachBottom=false
setTimeout(() => {
uni.showToast({
@ -617,35 +619,58 @@
.body{
padding: 0 26.67rpx;
padding-top: 60rpx;
background-color: rgb(0, 0, 0);
background-color: #000000;
}
.product1{
padding-top: 26.67rpx;
background-color: #000000;
margin-top: 10rpx;
padding-top: 30.67rpx;
background-color: #000 !important;
/deep/.column-value{
border-radius: 0 !important;
border-radius: 10rpx !important;
margin-bottom: 20rpx !important;
background-color: #000 !important;
}
// /deep/ .uni-image{
// .img{
// border-radius: 20% !important;
// }
// }
.product1_item{
font-size: 22.33rpx;
font-weight: 400;
padding-top: 20rpx;
background-color: #000000;
padding-top: 12rpx;
padding-bottom: 20rpx;
padding-left: 20rpx;
padding-right: 20rpx;
border-bottom-left-radius:10rpx ;
border-bottom-right-radius:10rpx ;
background-color: #1e1e1e;
margin-bottom: 5rpx;
color: #fff;
.desc{
margin-top: 12.67rpx;
margin-top: 18.67rpx;
display: flex;
font-size: 27rpx;
font-size: 35rpx;
font-weight: bold;
color: #fff;
// background-color: #000;
// background-color: #000;
// opacity: 0.6;
// background: rgba(0, 0, 0,0.8);
align-items: center;
justify-content: space-between;
font-weight: 500;
// margin-bottom: 22.67rpx;
image{
width: 34.67rpx;
height: 34.67rpx;
width: 40.67rpx;
height: 40.67rpx;
background-color: #000;
}
}
.lable{
@ -665,20 +690,23 @@
.product_item{
display: flex;
align-items: center;
font-size: 24.67rpx;
font-size: 26.67rpx;
font-weight: 400;
margin-bottom: 24.67rpx;
.product_item_image{
width: 213.33rpx;
height: 213.33rpx;
width: 373.33rpx;
height: 313.33rpx;
background-color: #999999;
border-radius: 15rpx;
}
.product_item_right{
width: 440rpx;
// height: 213.33rpx;
height: 283.33rpx;
display: flex;
color:white;
line-height: 40rpx;
// background-color: #B22234;
flex-direction: column;
justify-content: space-between;
@ -747,7 +775,7 @@
}
.spike1{
margin-top: 0;
margin-bottom: 34rpx;
margin-bottom: 20rpx;
padding-bottom: 0;
border-bottom: none;
.addCard_scroll{
@ -768,7 +796,7 @@
min-height: 400rpx;
.addCard_price{
font-size: 44rpx;
font-weight: 500;
font-weight: bold;
margin-top: 27.33rpx;
margin-bottom: 51.33rpx;
}
@ -814,8 +842,8 @@
}
}
.active_color{
color: #B22234;
background-color: white;
color: #fff;
background-color: #000;
border: 1px solid #000000;
}
}
@ -875,7 +903,7 @@
.spike1{
white-space: nowrap;
width: 100%;
margin-top: 36.67rpx;
margin-top: 20rpx;
padding-bottom: 34rpx;
border-bottom: 1px solid #E2E2E2;
::-webkit-scrollbar {
@ -990,10 +1018,11 @@
}
}
.item_text{
height: 80rpx;
height: 66rpx;
font-size: 26rpx;
line-height: 40rpx;
line-height: 33rpx;
overflow: hidden;
color:#f1f1f1;
text-overflow: ellipsis;
@ -1009,4 +1038,12 @@
top: 0;
left: 0;
}
.bootom_last{
height: 200rpx;
width: 100%;
color: #fff;
font-size: 25rpx;
line-height: 200rpx;
text-align: center;
}
</style>

28
pages/index/first.vue

@ -85,20 +85,20 @@
// selectedColor: "#999",
// color: "#999",
});
let timer2 = setInterval(() => {
// uni.hideTabBar();
this.countdownTime2--;
if (this.countdownTime2 < 1) {
clearInterval(timer2)
this.countdownTime2 = 0
}
if(this.countdownTime2 ==0 &&!this.count){
uni.switchTab({
url:'./index'
})
uni.showTabBar()
}
}, 1000)
// let timer2 = setInterval(() => {
// // uni.hideTabBar();
// this.countdownTime2--;
// if (this.countdownTime2 < 1) {
// clearInterval(timer2)
// this.countdownTime2 = 0
// }
// if(this.countdownTime2 ==0 &&!this.count){
// uni.switchTab({
// url:'./index'
// })
// uni.showTabBar()
// }
// }, 1000)
},

88
pages/index/flashSale.vue

@ -1,13 +1,13 @@
<template>
<view>
<uni-nav-bar left-icon="left" :statusBar="true" title="Flash Sale"
<uni-nav-bar left-icon="left" :statusBar="true" title="Flash Sale" :fixed="true"
color="#fff" backgroundColor="#000000" @clickLeft="back" @clickRight="isDelete=!isDelete" :border="false"/>
<view class="body">
<view class="body1">
<view class="countDown">
<text>Ends in</text>
<uni-countdown :showDay="false" :hour="curEndTime |hours" :minute="curEndTime|minutes" :second="curEndTime|seconds"
color="#FFFFFF" background-color="#1B1B1B" class="countDown_assembly" />
color="#FFFFFF" background-color="#910000" class="countDown_assembly" />
</view>
<view class="tips">
DopePlus selects commodities from time to time to carry
@ -21,12 +21,12 @@
<image :src="item.goods_img" mode="" @click="goDetails(item.id)"></image>
</view>
<view class="recommend_content_item_name">{{item.name}}</view>
<view class="recommend_item_operation">
<view class="recommend_item_operation" >
<view>
<view class="recommend_content_item_pric">US${{item.promote_price?item.promote_price:item.shop_price}}</view>
<view class="recommend_content_item_pric1">US${{item.shop_price}}</view>
</view>
<image src="../../static/img/add.png" @click="Cart(item)" ></image>
<image src="../../static/img/add_gray.png" @click="Cart(item)" ></image>
</view>
</view>
@ -74,7 +74,9 @@
<uni-number-box background="#fff" v-model="cartQuery.goods_number" :min="1"></uni-number-box>
</view> -->
<button @click="addCart">ADD TO CART</button>
</view>
<view class="bootom_last" v-if="bootom == 1">-THE END-</view>
</view>
@ -123,6 +125,7 @@
isLogin:-1,
current:0,
shop_price:0,
bootom:0,
}
},
@ -179,6 +182,11 @@
})
},
onReachBottom(e){
console.log(e)
this.bootom = 1
console.log(this.bootom)
},
back(){
uni.navigateBack()
},
@ -347,29 +355,44 @@
</script>
<style lang="scss" scoped>
page{
height: 100vh;
background-color: #000;
}
.uni-navbar{
font-size: 32rpx;
font-weight: bold;
}
.body{
border-top: 13.33rpx #F7F7F7 solid;
padding:0 26rpx;
padding-top: 34rpx;
height: 100vh;
}
.body1{
// border-top: 13.33rpx #F7F7F7 solid;
padding:0 26rpx;
padding-top: 54rpx;
padding-bottom: 54rpx;
background-color:#000;
// color: #fff !important;
.recommend{
padding: 0;
.recommend_item_operation{
padding-left: 20rpx;
padding-right: 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10rpx;
.recommend_content_item_pric{
color: #B22234;
font-weight: 600;
color: #ffaa00;
font-weight: bold;
font-size: 32rpx;
margin-top: 0;
font-family: cursive;
}
.recommend_content_item_pric1{
font-size: 24rpx;
@ -377,13 +400,20 @@
text-decoration: line-through;
}
image{
width: 58.67rpx;
height: 58.67rpx;
width: 48.67rpx;
height: 48.67rpx;
}
}
}
.recommend_content_item_name{
overflow : hidden;
color: #f1f1f1;
padding-left: 20rpx;
padding-top: 10rpx;
padding-right: 20rpx;
line-height: 34rpx;
font-size: 24rpx;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
@ -396,7 +426,7 @@
font-size: 41.33rpx;
justify-content: center;
margin-bottom: 34rpx;
color:#fff;
.countDown_assembly{
margin-left: 12.67rpx;
}
@ -408,10 +438,11 @@
font-size: 24rpx;
margin-bottom: 14rpx;
text-align: center;
color: #fff;
}
.tips1{
font-size: 20rpx;
color: #666666;
font-size: 16rpx;
color: #d1d1d1;
margin-bottom: 30rpx;
text-align: center;
}
@ -438,7 +469,7 @@
}
.spike1{
margin-top: 0;
margin-bottom: 34rpx;
margin-bottom: 20rpx;
padding-bottom: 0;
border-bottom: none;
.addCard_scroll{
@ -459,7 +490,7 @@
max-height: 60vh;
.addCard_price{
font-size: 44rpx;
font-weight: 500;
font-weight: bold;
margin-top: 24.33rpx;
margin-bottom: 51.33rpx;
}
@ -506,8 +537,8 @@
}
}
.active_color{
color: #B22234;
background-color: white;
color: #fff;
background-color: #000;
border: 1px solid #000000;
}
}
@ -695,4 +726,17 @@
top: 0;
left: 0;
}
.bootom_last{
height: 200rpx;
width: 100%;
color: #fff;
background-color: #000;
font-size: 25rpx;
line-height: 200rpx;
text-align: center;
}
}
</style>

496
pages/index/index.vue

@ -2,6 +2,7 @@
<view class="body" :class="isScrollShow?'body_pad':''">
<!-- 进入页面部分 -->
<view :class="countdownTime2!=0?'display_none':''">
<!-- 头部导航栏 -->
<view class="navigation " >
@ -52,10 +53,11 @@
</view> -->
</view>
<view class="navigation_scroll " :class="isScrollShow?'isScrollShow2':'' ">
<scroll-view class="scroll-view_H" scroll-x="true" :show-scrollbar="false">
<view :class="scroll_active==index?'scroll_active':''" v-for="(item,index) in scrollList" @click="scrollChange(item,index)" :key="item.zone_name">{{item.zone_name}}</view>
<scroll-view class="scroll-view_H" scroll-x="true" :show-scrollbar="true">
<view :class="scroll_active==index?'scroll_active':''" v-for="(item,index) in scrollList" @click="scrollChange(item,index)" :key="item.zone_name">{{item.zone_name}}</view>
</scroll-view>
</view>
<view v-for="(item,index) in indexDate.zones" :key="item.zone_id">
<!-- 轮播图 -->
@ -183,8 +185,9 @@
<!-- HOT SELLS 2 -->
<scroll-view class="spike1 page_padding" scroll-x="true" :show-scrollbar="false" v-if="item.zone_code=='HONLIST2' && item.zone_status=='NORMAL'">
<view class="spike1_item padding_honlist2" v-for="(item1,index1) in item.blocks" :key="item1.block_id">
<view class="item_img":style="{width:(item.zone_code=='HONLIST2')?350+'rpx':''}" >
<image :src="item1.block_pic" mode="" :style="{height:(item.zone_code=='HONLIST2')?item.zone_column+'rpx':''}"@click="imgTo(item1)"></image>
<view class="item_img" >
<image :src="item1.block_pic" mode=""
:style="{width:(item.zone_code=='HONLIST2')?420+'rpx':'',height:item.zone_column+'rpx'}"@click="imgTo(item1)"></image>
</view>
</view>
</scroll-view>
@ -198,10 +201,12 @@
</view> -->
<!-- HOT SELLS 3 -->
<scroll-view class="spike1 page_padding" scroll-x="true" :show-scrollbar="false" v-if="item.zone_code=='HONLIST3' && item.zone_status=='NORMAL'">
<view class="spike1_item" v-for="(item1,index1) in item.blocks" :key="item1.block_id">
<view class="item_img">
<image :src="item1.block_pic" :style="{height:(item.zone_code=='HONLIST3')?item.zone_column+'rpx':'',width:350+'rpx'}" mode="" @click="imgTo(item1)"></image>
<scroll-view class="spike1 page_padding" scroll-x="true" :show-scrollbar="false" v-if="item.zone_code=='HONLIST3' && item.zone_status=='NORMAL'">
<view class="spike1_item" v-for="(item1,index1) in item.blocks" :key="item1.block_id" @touchstart="start(index1)" @touchend="end(index1)">
<view class="item_img" :style="{width:(item.zone_code=='HONLIST3')?280+'rpx':'',height:item.zone_column +'rpx'}"
:class="hot_index == index1?'hotmaxW':'hotmaxmin'">
<image :src="item1.block_pic"
mode="" @click="imgTo(item1)"></image>
</view>
<view class="spike1_item_bottom">
<text>{{item1.block_title}}</text>
@ -261,9 +266,10 @@
<view class="left">
<view v-for="(item,index) in leftList" :key="index" >
<image :src="item.block_pic" alt="" mode="widthFix" @click="imgTo(item)"></image>
<view class="item" @click="imgTo(item)">
<view class="item" @click="imgTo(item)"v-if="item.block_title!=0">
<view class="title" v-if="item.block_title!=0">{{item.block_title}}</view>
<view class="title">{{item.block_title2}}</view>
<view class="title1" v-if="item.block_name">{{item.block_name}}</view>
<view class="desc">{{item.block_title3}}</view>
</view>
</view>
@ -271,10 +277,10 @@
<view class="right">
<view v-for="(item1,index1) in rightList" :key="index1" >
<image :src="item1.block_pic" alt="" mode="widthFix" @click="imgTo(item1)"></image>
<view class="item" @click="imgTo(item1)">
<view class="item" @click="imgTo(item1)" v-if="item1.block_title!=0">
<view class="title" v-if="item1.block_title!=0">{{item1.block_title}}</view>
<view class="title" >{{item1.block_title2}}</view>
<!-- <view class="title" >{{item1.block_name}}</view> -->
<view class="title1" v-if="item1.block_name">{{item1.block_name}}</view>
<view class="desc">{{item1.block_title3}}</view>
</view>
</view>
@ -299,20 +305,22 @@
<!-- <button @click="close">关闭</button> -->
</uni-popup>
</view>
</view>
<!-- 启动页广告 -->
<!-- <view class="open_bg" :style="{display:countdownTime2==0?'none':''}" >
<view class="open_text"><text @click="countdownTime2 =0">{{ countdownTime2 }}s skip</text></view>
<view class="open_bg" ref="imgRef" v-if="open_img" :style="{display:countdownTime2<0|| countdownTime2==0?'none':''}">
<!-- <view class="open_text"><text @click="countdownTime2 =0">{{ countdownTime2 }}s skip</text></view> -->
<swiper class ="open_bgimg" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
:duration="duration">
<swiper-item v-for="(item,index) in open_img" :key="item.block_pic">
<view class="open_text"><text>{{ countdownTime2 }}s跳过</text></view>
<view class="open_text"><text @click="openClose()"v-if="countdownTime2 >-1">{{ countdownTime2 }}sskip</text></view>
<image :src="item.block_pic" mode="" @click="imgTo(item)"></image>
</swiper-item>
</swiper>
</view> -->
</view>
<view class="bootom_last" v-if="bootom == 1">-THE END-</view>
</view>
</template>
@ -366,12 +374,18 @@
page_index:1,
page_size:10
},
Swiper_H:150
// open_img:[],
// indicatorDots: true,
// autoplay: true,
// interval: 2000,
// duration: 500
Swiper_H:500,
open_img:[],
indicatorDots: true,
autoplay: true,
interval: 2000,
duration: 500,
hotheight:0,
num:0,
bootom:0,
hot_index:0,
clientX:'',
clientY:''
}
},
onPullDownRefresh() {
@ -379,41 +393,62 @@
this.getList()
uni.stopPullDownRefresh()
},800)
},2000)
},
onLoad() {
// #ifdef APP-PLUS
plus.navigator.setFullscreen(false);
// #endif
this.getIndex()
// ////console.info(this.curEndTime)
let home = 'HOME'
this.getIndex(home)
// //////console.info(this.curEndTime)
this.getList()
this.getMes()
this.getPullMes()
this.getInfo()
setTimeout( () =>{
this.open()
// this.getCountdownTime()
},5000)
if(this.countdownTime2!=0){
uni.hideTabBar()
}else if(this.countdownTime2==0 || !this.popImg){
uni.showTabBar()
}
// if(this.open_img.length>0){
// setTimeout( () =>{
// this.getCountdownTime()
// uni.hideTabBar()
// },1000)
// }
// setTimeout( () =>{
// // this.open()
// if(this.open_img){
// this.getCountdownTime()
// }
// // else{
// // this.countdownTime2 = 0
// // uni.showTabBar()
// // }
// },2000)
},
mounted() {
this.getimgheight()
},
this.getimgheight1()
setTimeout( () =>{
if(this.open_img.length > 0){
this.getCountdownTime()
}
},5000)
},
created() {
this.getPullMes()
if(this.open_img){
setTimeout( () =>{
this.getCountdownTime()
uni.hideTabBar()
},2000)
}
this.getimgheight()
},
onShow() {
@ -448,9 +483,11 @@
var leave3=((timestamp%(24*3600*1000))%(3600*1000))%(60*1000) //
var seconds=Math.round(leave3/1000)
return seconds
}
},
},
watch:{},
onBackPress(options) {
this.backButtonPress++;
if (this.backButtonPress > 1) {
@ -471,21 +508,57 @@
open() {
this.$refs.popup.open('center')
},
close() {
this.$refs.popup.close()
uni.setTabBarStyle({
backgroundColor: "#fff",
borderStyle: "black",
// selectedColor: "#999",
// color: "#999",
});
close() {
this.$refs.popup.close()
uni.setTabBarStyle({
backgroundColor: "#fff",
borderStyle: "black",
// selectedColor: "#999",
// color: "#999",
});
},
openClose(){
this.countdownTime2 =0
uni.showTabBar()
uni.setTabBarStyle({
backgroundColor: "#fff",
borderStyle: "black",
// selectedColor: "#999",
// color: "#999",
});
uni.showTabBar()
},
onReachBottom(e){
console.log(111)
this.bootom = 1
},
getimgheight1(item){
// const that = this
var height = 0
//
uni.getImageInfo({
src: item,
success: (image) => {
// this.Swiper_H = 0
height = image.height
this.hotheight = height
//
let showH = (50 * image.height) / image.width
// console.log(Swiper_H)
},
}
})
return this.hotheight
},
//广
getPullMes(){
let data={_action:'getpagedata',pagecode:'001-STARTPAGE'}
defaultRequest(data).then( res =>{
//console.log('1',res)
////console.log('1',res)
let img
let url
if(res.error == 0){
@ -501,13 +574,13 @@
})
let data2={_action:'getpagedata',pagecode:'HOMEPOPUPADS'}
defaultRequest(data2).then( res =>{
//console.log('2',res)
////console.log('2',res)
if(res.error == 0){
res.data.zones.map( item =>{
if(item.zone_code == 'HOMEPOPUP'){
this.popImg = item.zone_icon
this.popUrl = item.zone_more_link
//console.log(this.popUrl)
////console.log(this.popUrl)
}
})
@ -519,7 +592,7 @@
_action:'get_splash_ad',appcode:'DOPE+',VERS:'1.0.0'
}
defaultRequest(data3).then(res =>{
//console.log(res)
////console.log(res)
})
},
//5
@ -541,16 +614,27 @@
// }
// }, 1000)
let timer2 = setInterval(() => {
// uni.hideTabBar();
this.countdownTime2--;
if (this.countdownTime2 < 1) {
console.log(this.countdownTime2)
if(this.countdownTime2 <0){
clearInterval(timer2)
this.countdownTime2 = 0
}
}
if(this.countdownTime2 ==0){
uni.showTabBar()
uni.setTabBarStyle({
backgroundColor: "#fff",
borderStyle: "black",
// selectedColor: "#999",
// color: "#999",
});
clearInterval(timer2)
}
}, 1000)
@ -560,10 +644,10 @@
popImgto(){
const i = this.popUrl.indexOf('?')
const url = this.popUrl.substring(i)
//console.log(url)
////console.log(url)
if(this.popUrl.includes('dope.dope://?goodslist=1')){
//console.log(url)
////console.log(url)
uni.navigateTo({
url:'/pages/category/productList'+url+'&tag=1'
})
@ -576,29 +660,62 @@
},
//
getIndex(){
let data={_action:'getpagedata',pagecode:'HOME'}
getIndex(code){
let data={_action:'getpagedata',pagecode:''}
data.pagecode = code
defaultRequest(data).then(res=>{
if(res.error==0){
this.indexDate=res.data
////console.log(this.indexDate,'')
//////console.log(this.indexDate,'')
this.len = 0
res.data.zones.map(item=>{
let height = 0
this.indexDate.zones.map(item=>{
item.blocks.map(item1 =>{
uni.getImageInfo({
src: item1.block_pic,
success: (image) => {
// console.log(image)
// let showH = (500 * image.height) / image.width
let showH = (image.height) / 2
height = image.height
item1.height = showH
// item1.image = image
// console.log(height)
}
})
})
if(item.zone_code=='ICON'){
item.content=''
this.info.push(item)
this.len = item.blocks.length
// this.len+= this.info.blocks.length
console.log(this.info,'info')
//console.log(this.info,'info')
}
if(item.zone_code=='BANNER'){
item.blocks.map( item1 =>{
this.getimgheight(item1.block_pic)
this.getimgheight(item1.block_pic)
// console.log(this.Swiper_H)
})
}
if(item.zone_code =='HONLIST3'){
item.blocks.map( item1 =>{
console.log('HONLIST3',item1)
})
}
if(item.zone_code =='HONLIST2'){
item.blocks.map( item1 =>{
console.log('HONLIST2',item1)
})
}
if(this.info.length>1){
@ -611,13 +728,14 @@
if(item.zone_code=='LIST1'){
// this.bestlist.push(item.blocks)
// ////console.log(this.bestlist,'')
// //////console.log(this.bestlist,'')
this.isbest = 1
this.getCatList()
item.blocks.map( item =>{
this.bestlist.push(item)
item.blocks.map( item1 =>{
this.bestlist.push(item1)
})
////console.log(item,'')
//////console.log(item,'')
}
})
@ -626,7 +744,7 @@
defaultRequest({
_action:'getpagedata',pagecode:'HOMECLASS'
}).then(res =>{
// ////console.log(res)
// //////console.log(res)
if(res.error ==0){
this.scrollList = res.data.zones
}
@ -659,20 +777,20 @@
}
})
//console.log(this.list.blocks.length)
////console.log(this.list.blocks.length)
a = this.list.blocks.length
let str = this.list.blocks[0].block_avaiable_from
})
defaultRequest(this.myMes).then(res =>{
//console.log(res)
////console.log(res)
if(res.error ==0){
this.app_Mes = res.data.message_list
b = this.app_Mes.length
//console.log(this.app_Mes.length)
////console.log(this.app_Mes.length)
}
let sum = parseInt(a) + parseInt(b)
// //console.log(sum)
// ////console.log(sum)
this.mesNum= sum
})
@ -693,7 +811,7 @@
let data={_action:'getcartgoods'}
defaultRequest(data).then(res=>{
// ////console.info(res.data.goods_list.length,'//////')
// //////console.info(res.data.goods_list.length,'//////')
if(res.error==0){
this.sum = res.data.goods_list.length
}
@ -743,7 +861,7 @@
_action:'getinfo'
}
defaultRequest(data).then(res =>{
////console.log(res,'')
//////console.log(res,'')
if(res.error == -1){
uni.setStorageSync('isLogin',0)
}else if(res.error==0){
@ -759,26 +877,28 @@
uni.getImageInfo({
src: item,
success: (image) => {
// console.log(image)
// //console.log(image)
// this.Swiper_H = 0
this.Swiper_H = image.height
//
let showH = (50 * image.height) / image.width
// console.log(showH)
// //console.log(showH)
return this.Swiper_H
}
})
},
//
getCatList(type){
if(this.isbest ==1){
defaultRequest4(this.catQuery).then(res=>{
////console.info(res,'')
//////console.info(res,'')
if(res.error==0){
if(res.data){
res.data.map( item =>{
console.log(item)
//console.log(item)
this.bestlist.push({
block_pic:item.goods_img,
block_title3:'US$'+item.shop_price,
@ -786,14 +906,14 @@
goodid:item.id
})
})
////console.log(this.bestlist,'')
//////console.log(this.bestlist,'')
const that = this
this.bestlist.forEach(res => {
//
uni.getImageInfo({
src: res.block_pic,
success: (image) => {
// ////console.log(res.block_pic)
// //////console.log(res.block_pic)
//
let showH = (50 * image.height) / image.width
//
@ -826,70 +946,45 @@
this.isbest = 0
this.bestlist =[]
//console.log(this.bestlist)
////console.log(this.bestlist)
this.scroll_active=index
let data = {
_action:'getpagedata',
pagecode:item.zone_code
}
let code = item.zone_code
this.getIndex(code)
defaultRequest(data).then( res =>{
if(res.error == 0){
this.len = 0
// this.getIndex()
this.indexDate = res.data
res.data.zones.map(item=>{
if(item.zone_code=='ICON'){
item.content=''
this.info.push(item)
this.len = item.blocks.length
//console.log(item,'info')
}
if(item.zone_code=='BANNER'){
item.blocks.map( item1 =>{
this.getimgheight(item1.block_pic)
})
}
if(this.info.length>1){
for(let i =0; i < this.info.length; i++){
if(this.info[i].blocks.length > this.len){
this.len = this.info[i].blocks.length
}
}
}
if(item.zone_code=='LIST1'){
// this.bestlist.push(item.blocks)
// ////console.log(this.bestlist,'')
this.isbest = 1
// this.getCatList()
item.blocks.map( item =>{
this.bestlist.push(item)
})
if(index>0){
this.getCatList()
}
////console.log(item,'')
}
})
}
})
},
start(e){
console.log(e)
this.hot_index = e
// this.clientX=e.changedTouches[0].clientX;
// this.clientY=e.changedTouches[0].clientY;
},
end(e){
console.log(e)
this.hot_index = e
// const subX=e.changedTouches[0].clientX-this.clientX;
// const subY=e.changedTouches[0].clientY - this.clientY;
// if(subY>50 || subY<-50){
// console.log('')
// }else{
// if(subX>50){
// console.log('')
// }else if(subX<-50){
// console.log('')
// }else{
// console.log('')
// }
// }
},
gridSwiper(e){
this.current = e.detail.current
},
// //
imgTo(item){
console.log(item,'item')
//console.log(item.block_link.includes('dope.youhui'))
//console.log(item,'item')
////console.log(item.block_link.includes('dope.youhui'))
let goodid
if(item.goodid){
@ -901,7 +996,7 @@
else if(item.block_link){
const i = item.block_link.indexOf('?')
goodid = item.block_link.substring(i);
////console.log(item.block_link)
//////console.log(item.block_link)
if(item.block_link.includes('goodslist')){
uni.navigateTo({
url:'../category/productList'+ goodid+'&tag=1'
@ -918,11 +1013,11 @@
})
}
}
this.countdownTime2 = 0
},
Hotgoto(item1){
const i = item1[0].block_link.indexOf('?')
//console.log(item1)
////console.log(item1)
const url = item1[0].block_link.substring(i)
if(url.includes('goodslist')){
uni.navigateTo({
@ -953,6 +1048,9 @@
page{
background-color: white;
position: relative;
}
.display_none{
display: none;
}
@keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
@ -981,6 +1079,14 @@
}
}
.bootom_last{
height: 200rpx;
width: 100%;
color: #fff;
font-size: 25rpx;
line-height: 200rpx;
text-align: center;
}
.ONEPIC{
width: 100%;
height: 100%;
@ -1041,7 +1147,7 @@
}
}
.body{
padding-top: 198.33rpx;
padding-top: 190.33rpx;
background-color: #000000;
}
@ -1075,13 +1181,17 @@
}
.isScrollShow2{
float: left;
position: fixed;
background-color: #000;
z-index: 99;
background: rgba(0,0,0,0.7) !important;
// margin-top: -150rpx;
}
.isScrollShow3{
float: left;
width: 70rpx;
height: 70rpx;
width: 60rpx;
height: 64rpx;
margin-top: 30rpx;
margin-right: 25rpx;
@ -1111,7 +1221,7 @@
.page_padding_left1{
padding-left: 5.67rpx;
padding-right: 5.67rpx;
padding-top: 90rpx;
// padding-top: 90rpx;
}
.navigation{
@ -1162,7 +1272,7 @@
width: 100%;
background-color: #F5F6FA;
border-radius: 35rpx;
height: 66.67rpx;
height: 62rpx;
display: flex;
align-items: center;
color: #8F9094;
@ -1181,10 +1291,10 @@
}
.navigation_scroll{
// margin-top: -80rpx;
// padding-top: 10rpx;
margin: 20rpx 0 !important;
position: fixed;
// padding-bottom: 10rpx;
padding-top: 10rpx;
// margin: 20rpx 0 !important;
// position: fixed;
padding-bottom: 10rpx;
background-color: #000;
z-index: 99;
background: rgba(0,0,0,0.7) !important;
@ -1193,17 +1303,18 @@
padding-right: 24rpx;
.scroll-view_H{
white-space: nowrap;
justify-content: space-between;
font-size: 26.67rpx;
// color: #484848;
color:#fff;
width: 100%;
// display: flex;
::-webkit-scrollbar {
width: 0;
height: 0;
background-color: #000;
}
// height: 100rpx;
// ::-webkit-scrollbar {
// width: 0;
// height: 0;
// background-color: #000;
// }
view{
margin-left: 46.67rpx;
@ -1334,9 +1445,11 @@
.item_img{
width: 100%;
margin-left: 4rpx;
border-radius: 10rpx;
image{
width: 100%;
height: 100%;
border-radius: 10rpx;
}
}
@ -1359,7 +1472,7 @@
// margin-right: 16.67rpx;
// width: 200rpx;
// margin-left: 16rpx;
padding-right:16rpx ;
padding-right:20rpx ;
display: inline-block;
font-weight: 500;
&:last-child{
@ -1502,6 +1615,7 @@
.item{
padding: 0 16.67rpx;
// background-color: #ffaa7f;
padding-bottom: 36.67rpx;
.title{
font-size: 25.33rpx;
@ -1510,10 +1624,21 @@
margin-top: 14.67rpx;
// margin-bottom: 32.67rpx;
}
.title1{
font-size: 20.33rpx;
line-height: 40rpx;
height:80rpx;
overflow: hidden;
// font-weight: 400;
// margin-top: 24.67rpx;
margin-top: 14.67rpx;
margin-bottom: 14.67rpx;
}
.desc{
font-size: 32rpx;
font-weight: 600;
font-weight: bold;
}
}
@ -1556,30 +1681,70 @@
}
.container {
padding: 0 30rpx;
font-size: 14rpx;
line-height: 24rpx;
line-height: 34rpx;
font-size: 26rpx;
background-color: #000;
color:white;
padding-bottom: 50rpx;
.uni-view {
}
}
.item{
background-color: #1e1e1e;
padding: 12rpx 20rpx;
margin-top: -10rpx;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
}
.title{
font-size: 25.33rpx;
font-weight: 200;
line-height: 34rpx;
// font-weight: 200;
// margin-top: 24.67rpx;
margin-top: 4.67rpx;
color:#fff;
// margin-bottom: 10.67rpx;
}
.title1{
font-size: 26rpx;
line-height:32rpx;
height: 64rpx;
overflow: hidden;
// margin-top: 4.67rpx;
// margin-top: 4.67rpx;
margin-bottom: 10.67rpx;
// padding-left: 6rpx;
padding-right: 6rpx;
}
.desc{
font-size: 28rpx;
font-weight: 200;
font-size: 36rpx;
line-height: 34rpx;
font-weight: bold;
margin-bottom: 10.67rpx;
margin-top: 20.67rpx;
// padding-left: 6rpx;
padding-right: 6rpx;
color: #fff;
}
.right,
.left{display: inline-block; width: 49%;vertical-align: top;}
.left{margin-right: 2%;}
.left image,
.right image{width: 100%;margin-bottom: 10rpx;margin-top: 20rpx;}
.right image{width: 100%;
// margin-bottom: 8rpx;
margin-top: 16rpx;
border-top-left-radius: 10rpx;
border-top-right-radius: 10rpx;
// border-top: #8F9094 1rpx solid;
// border-right: #8F9094 1rpx solid;
// border-left: #8F9094 1rpx solid;
// border: #8F9094 0.5rpx solid;
}
.Popup{
height: 700rpx;
width: 400rpx;
@ -1633,6 +1798,7 @@
}
}
.open_bg{
background-color: #000000;
height: 100%;
width: 100%;
top:0;

16
pages/index/search.vue

@ -3,9 +3,9 @@
<view class="status_bar"></view>
<view class="search_title">
<navigator data="1" open-type="navigateBack">
<image src="../../static/img/left.png" mode=""></image>
<image src="../../static/img/left_white.png" mode=""></image>
</navigator>
<uni-search-bar @confirm="search" v-model="searchValue" class="search_title_input" cancelText="Cancel" placeholder="search"></uni-search-bar>
<uni-search-bar @confirm="search" backgroundColor="#000" v-model="searchValue" class="search_title_input" cancelText="Cancel" placeholder="search" color="#fff"></uni-search-bar>
</view>
<view class="history">
<view class="history_title">
@ -178,8 +178,12 @@
</script>
<style lang="scss" scoped>
.status_bar{
background-color: #000000;
}
.search_title{
width: 100%;
background-color: #000000;
// height: 135.33rpx;
padding: 0 26.67rpx;
display: flex;
@ -191,7 +195,15 @@
}
.search_title_input{
width: 85%;
color:#fff !important;
}
/deep/ .uni-searchbar__box{
border-radius: 50rpx !important;
}
}
/deep/ .uni-searchbar__cancel{
color:#fff !important;
}
.history{
margin-top: 62.67rpx;

112
pages/login/index.vue

@ -1,5 +1,12 @@
<template>
<view :style="{background:`url(${bg})`}" class="body">
<view class="one1">
<image src="../../static/img/left_white.png" mode="" @click="back()"></image>
<!-- <view class="one_text">{{ title }}</view> -->
</view>
<view class="login_top">
<image src="../../static/img/loginbg.png"></image>
</view>
<view class="login_body">
<view class="status_bar"></view>
<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text" activeColor="#010101" class="select"></uni-segmented-control>
@ -11,7 +18,7 @@
<image :src="eye" mode ="" class="see login_see" @click="seePwd"></image>
</view>
<view class="tips" v-show="loginErr">{{errMsg}}</view>
<view class="tips" v-show="loginErr"><image src="../../static/img/att.png" mode=""></image>{{errMsg}}</view>
<view class="forgot" @click="forgotPwd">Forgot your Password?</view>
<button class="login_submit" :disabled="isLogin" @click="login()" >SIGN IN</button>
<!-- <view class="agreement">
@ -35,21 +42,21 @@
<button class="login_submit" :disabled="isReg" @click="Reg()">REGISTER</button>
<view class="agreement">
<image src="../../static/img/select2.png" mode="" class="agreement_image" @click="regSelect=!regSelect" v-show="!regSelect"></image>
<image src="../../static/img/select1.png" mode="" class="agreement_image" @click="regSelect=!regSelect" v-show="regSelect"></image>
<image src="../../static/img/select_red.png" mode="" class="agreement_image" @click="regSelect=!regSelect" v-show="regSelect"></image>
<view class="agreement_right">
by continuong, you agree to be <text class="text"@click="gotonewpage(1)" > terms of use </text> and <text class="text" @click="gotonewpage(2)"> privacy policy</text>.
</view>
</view>
</view>
<view class="mode">
<!-- <view class="mode">
<view class="mode_title"> or continue with </view>
<view class="mode_content">
<image src="/static/img/facebook.png" class="mode_content_image"></image>
<image src="/static/img/facebook2.png" class="mode_content_image"></image>
<image src="/static/img/gugei.png" class="mode_content_image"></image>
<image src="/static/img/apple.png" class="mode_content_image"></image>
<image src="/static/img/apple.png" class="mode_content_image" style="border: #fff solid 1rpx;border-radius: 50%;"></image>
</view>
</view>
</view> -->
</view>
<uni-popup ref="alertDialog" type="dialog">
<uni-popup-dialog type="error" cancelText="Close" confirmText="Activation" title="Tips" content="Please activate the mailbox first"
@ -67,7 +74,7 @@
items: ['SIGN IN', 'REGISTER'],
current: 0,
tag:false,
eye:'../../static/icon/eye_close.png',
eye:'../../static/img/eye_open.png',
loginDate:{
username:'',
password:'',
@ -95,7 +102,7 @@
_action:'sendmessagesforvalidation',
username:'',
},
bg:''
bg:'/static/img/bg.png'
}
},
// onBackPress(options) {
@ -114,12 +121,17 @@
seePwd(){
this.tag = !this.tag;
if(this.eye.includes('open')){
this.eye = '../../static/icon/eye_close.png'
if(this.eye.includes('eye_open')){
this.eye = '../../static/img/eye_w.png'
}else{
this.eye ='../../static/icon/eye_open.png'
this.eye ='../../static/img/eye_open.png'
}
},
back(){
uni.navigateBack({
delta:1
})
},
forgotPwd(){
if(this.loginDate.username==''){
uni.showToast({
@ -140,16 +152,22 @@
//
configuration(){
let data={_action:'getpagedata',pagecode:'006-PERSONALCENTERPAGE'}
defaultRequest(data).then(res=>{
console.info(res)
res.data.zones.map( item =>{
if(item.zone_code == 'LOGINBG'){
this.bg = item.blocks[0].block_pic
setTimeout(() =>{
defaultRequest(data).then(res=>{
console.info(res)
res.data.zones.map( item =>{
if(item.zone_code == 'LOGINBG'){
let src ='https://www.dopeplus.com/images/mapp_customized/202209/1663570362997892419.png'
if(src !==item.blocks[0].block_pic ){
this.bg = item.blocks[0].block_pic
}
console.log(this.bg)
}
})
}
})
})
},200)
},
//
login(){
@ -266,20 +284,68 @@
</script>
<style lang="scss" scoped>
.one1{
display: flex;
height:100rpx;
padding-top: 50rpx;
width: 100%;
top:0;
line-height: 100rpx;
z-index: 99;
position: fixed;
text-align: center;
padding-left:20rpx;
color:#fff;
image{
float: left;
padding-top: 30rpx;
padding-right:20rpx;
height: 40rpx;
width: 40rpx;
}
.one_text{
width: 60%;
text-align: center;
margin-left: 10%;
}
}
.login_top{
height: 102px;
width: 144px;
margin-top: 200rpx;
margin-left: 30%;
image{
height: 100%;
width: 100%;
margin: auto 0;
}
}
.body{
background-size: 100%;
height: 100vh;
width: 100%;
// background-color: red;
padding:0;
color:#fff !important;
position: fixed;
}
.uni-input-placeholder{
color:#fff !important;
font-size:13px;
}
.tips{
margin-top: 20rpx;
}
/deep/ .uni-text .segmented-control__text{
color:#fff !important;
}
.login_body{
// margin-top: 300rpx;
padding-top: 305.33rpx;
padding-top: 80.33rpx;
color:#fff;
}
@ -342,6 +408,9 @@
width: 54.67rpx;
height: 54.67rpx;
margin-right: 49.33rpx;
image{
border: #fff solid 1rpx;
}
&:last-child{
margin-right: 0;
}
@ -351,4 +420,7 @@
.agreement_right{
width: 582rpx;
}
/deep/ .uni-input-input{
font-size: 26rpx !important;
}
</style>

422
pages/order/confirmation.vue

@ -19,10 +19,10 @@
<image src="../../static/img/address_xian.png" class="address_xian" mode=""></image>
</view>
<view class="order_info" @click="openMore(0)">
<view class="order_info" @click="popup_good=true, openMore(0)">
<view class="info_title">
<text>Items in cart</text>
<view class="info_title_right">
<view class="info_title_right" @click="openMore(0)">
<text>{{goods_list.length}} ltems</text>
<image src="../../static/img/right.png" class="address_more"></image>
</view>
@ -35,7 +35,7 @@
<view class="method">
<view class="method_title">Shipping Method</view>
<view class="method_item" v-for="(item,index) in shipping_list " :key="index">
<view class="method_item" v-for="(item,index) in shipping_list " :key="index" @click="cartselectshipping(item.shipping_id)">
<view class="method_item_image" @click="cartselectshipping(item.shipping_id)">
<image src="../../static/img/select1.png" style="width: 30rpx;height: 30rpx;" v-if="orderId==item.shipping_id"></image>
<image src="../../static/img/select2.png" style="width: 30rpx;height: 30rpx;"v-else ></image>
@ -91,42 +91,24 @@
<view class="total">
<text>Total: US${{total.amount}}</text>
<button @click="openMore(2)">PLACE ORDER</button>
<button @click="place()">PLACE ORDER</button>
</view>
<view class="mask" v-show="isShow" @click="isShow=false"></view>
<view class="order_popup" v-show="isShow">
<view class="order_popup_title">
<text>
<!-- <text>
{{popup_index==0?'Commodity information':popup_index==1?'Coupons':popup_index==2?'Payment Method':'Points'}}<text v-show="popup_index==3">(total:<text class="order_popup_title_span" >{{orderDate.your_integral || 0}}</text>)</text>
</text> -->
<text>
Payment Method</text>
</text>
<image src="../../static/img/close1.png" mode="" @click="isShow=false"></image>
</view>
<view class="order_popup_commodity" v-show="popup_index==0">
<view class="good_info" v-for="(item,index) in goods_list " :key="index">
<view class="good_info_left ">
<view class="good_info_image" >
<image :src="item.goods_thumb" mode=""></image>
</view>
<view class="left_info">
<view class="info_name">{{item.goods_name}}</view>
<view class="left_info_bottom">
<view class="info_lable" v-if="item.goods_attr">
<text>{{item.goods_attr |goodsAttr}}</text>
<!-- <image src="/static/img/bottom.png" mode=""></image> -->
</view>
<text>x{{item.goods_number}}</text>
</view>
<view class="info_price">US${{item.goods_price}}</view>
</view>
</view>
</view>
</view>
<view class="order_popup_coupons" v-show="popup_index==1">
<!-- <view class="order_popup_coupons" v-show="popup_index==1">
<view class="coupons_item" v-for="(item,index) in bonus_list " :key="item.bonus_id">
<view class="coupons_item_left">
<view class="item_left_prcie">${{item.type_money}}</view>
@ -144,9 +126,9 @@
<image src="../../static/img/select.png" mode="" class="coupons_item_right_select" v-else></image>
</view>
</view>
</view>
</view> -->
<view class="order_popup_pay" v-show="popup_index==2">
<view class="order_popup_pay" >
<view class="pay_item" @click="selectPay(0)">
<image src="../../static/img/select1.png" mode="" class="pay_item_select" v-if="pay_index==0"></image>
<image src="../../static/img/select2.png" mode="" class="pay_item_select" v-else></image>
@ -155,7 +137,7 @@
<text>Pay Pal</text>
</view>
</view>
<view class="pay_item" @click="selectPay(1)">
<!-- <view class="pay_item" @click="selectPay(1)">
<image src="../../static/img/select1.png" mode="" class="pay_item_select" v-if="pay_index==1"></image>
<image src="../../static/img/select2.png" mode="" class="pay_item_select" v-else></image>
<view class="pay_item_right">
@ -178,7 +160,7 @@
<image src="../../static/img/APay.png" mode=""></image>
<text>Apple pay</text>
</view>
</view>
</view> -->
<!-- <navigator url="/pages/order/paySuccess"> -->
<button @click="submitorder">PAY NOW</button>
<!-- </navigator> -->
@ -196,13 +178,14 @@
</view> -->
</view>
<view class="mask" @click="isCoupons=false,isPoints= false" v-show="(isCoupons && list)||isPoints"></view>
<view class="coupons" v-show="isCoupons &&list">
<view class="mask" @click="isCoupons=false,isPoints= false,popup_index=-1" v-show="(isCoupons && list)||isPoints ||popup_index==0"></view>
<view class="coupons" v-show="isCoupons">
<view class="order_popup_title">
<text>Coupons</text>
<image src="../../static/img/close1.png" mode="" @click="isCoupons=false"></image>
</view>
<view class="coupons_item" v-for="(item,index) in list " :key="item.bonus_id">
<!-- <scroll-view scroll-y="true" style="min-height:400rpx;max-height:600rpx" > -->
<view class="coupons_item" v-for="(item,index) in list " :key="item.bonus_id">
<view class="coupons_item_left">
<view class="item_left_prcie">${{item.type_money}}</view>
<text class="item_left_span">Min.spend</text>
@ -216,36 +199,63 @@
</view>
<view>
<view class="select_cop" v-show="current!=index&&parseFloat(item.min_goods_amount) <totalnum ||parseFloat(item.min_goods_amount) ==totalnum ">
<view class="select_cop" v-show="current!=index &&item.use==true&& (parseFloat(item.min_goods_amount) < totalnum ||parseFloat(item.min_goods_amount) ==totalnum) && bonus != item.type_money ">
<image src="../../static/icon/flase.png" @click="current=index,useCoupons(index,item)"></image>
</view>
<view class="select_cop"v-show="current==index ">
<view class="select_cop"v-show="current==index|| bonus == item.type_money">
<image src="../../static/icon/true.png" @click="current=-1,bonus=0,total.bonus = 0,useCoupons(index,item)"></image>
</view>
<button @click="gotoindex()">Use Now</button>
<button @click="gotoindex()" v-if="item.use==true">Use Now</button>
</view>
</view>
</view>
<!-- </scroll-view> -->
</view>
<!-- point -->
<view class="coupons" v-show="isPoints">
<scroll-view class="coupons" v-show="isPoints" scroll-y="true">
<view class="order_popup_title">
<text>Points (total:</text><text style="color:darkred">{{ count}} </text>)
<text>Points (total:</text><text style="color:darkred">{{ count}} </text>)
<image src="../../static/img/close1.png" mode="" @click="isPoints=false"></image>
</view>
<view class="order_popup_points" @click="Thepoint()" >
<view class="order_popup_points" >
<view class="points_item">
<image src="../../static/img/select2.png" mode="" v-if="!use" @click="use=true,nouse=false"></image>
<image src="../../static/img/select1.png" mode="" v-if="use" @click="use=false,nouse=true"></image>
<image src="../../static/img/select2.png" mode="" v-if="!use" @click="use=true,nouse=false,Thepoint()"></image>
<image src="../../static/img/select1.png" mode="" v-if="use" @click="use=false,nouse=true,Thepoint()"></image>
<text>Use points</text>
</view>
<view class="points_item"@click="Thepoint()">
<image src="../../static/img/select2.png" mode="" v-if="!nouse " @click="nouse=true,use=false"></image>
<image src="../../static/img/select1.png" mode="" v-if="nouse" @click="nouse=false,use=true"></image>
<view class="points_item">
<image src="../../static/img/select2.png" mode="" v-if="!nouse " @click="nouse=true,use=false,Thepoint()"></image>
<image src="../../static/img/select1.png" mode="" v-if="nouse" @click="nouse=false,use=true,Thepoint()"></image>
<text>Do not use points</text>
</view>
</view>
</view>
</scroll-view>
<scroll-view class="coupons" v-show ="popup_index == 0" scroll-y="true">
<view class="order_popup_title">
<text>Items</text>
<image src="../../static/img/close1.png" mode="" @click="popup_index=-1"></image>
</view>
<view class="good_info" v-for="(item,index) in goods_list " :key="index">
<view class="good_info_left ">
<view class="good_info_image" >
<image :src="item.goods_thumb" mode=""></image>
</view>
<view class="left_info">
<view class="info_name">{{item.goods_name}}</view>
<view class="left_info_bottom">
<view class="info_lable" v-if="item.goods_attr">
<text>{{item.goods_attr |goodsAttr}}</text>
</view>
<text>x{{item.goods_number}}</text>
</view>
<view class="info_price">US${{item.goods_price}}</view>
</view>
</view>
</view>
</scroll-view>
</view>
</template>
@ -255,8 +265,9 @@
data() {
return {
isShow:false,
popup_index:'',
popup_index:-1,
isCoupons:false,
popup_good:-1,
isPoints:false,
query:{
_action:'cartcheckout',
@ -282,8 +293,8 @@
current:-1,
count:0,
Points:0,
use:false,
nouse:true,
use:true,
nouse:false,
bouns_id:'',
totalnum:0,
@ -302,73 +313,73 @@
}
},
methods:{
place(){
if(!this.address){
uni.showToast({
icon:'none',
title:'please add address'
})
this.isShow = false
}
else if(this.total.amount!=0 && this.address){
this.isShow=true
}else{
this.isShow = false
this.submitorder()
setTimeout(() =>{
uni.showToast({
icon:'none',
title:'ok!'
})
},1000)
uni.navigateTo({
url:'../account/myOrders?index='+0
});
}
},
// 使
useCoupons(index,item){
// this.current = index
let total = this.total
console.log(this.current)
let total = uni.getStorageSync('total')
////console.log(this.current)
// this.bouns_id = item.bonus_id
//console.log(total)
//////console.log(total)
if(this.current == index ){
this.bonus = item.type_money
//console.log(this.bonus)
//////console.log(this.bonus)
this.total.bonus = item.type_money
let id = item.bonus_id
this.bouns_id = item.bonus_id
let data={_action:'cartselectbonus',bonus:id,consignee:this.address}
console.log(data)
defaultRequest3(data,'consignee').then(res=>{
if(res.error==0){
this.total=res.data.total
console.log(this.total.bonus)
uni.setStorageSync('Total',this.total)
this.order=res.data.order
console.log(this.use)
//使
// console.log(this.count,this.total.amount,this.Points)
if(this.use){
console.log(this.count > this.total.amount)
if(this.count > this.total.amount){
this.Points = this.total.amount
this.total.amount = 0
}else if (this.count < this.total.amount || this.count == this.total.amount){
this.Points = this.count
let a = (parseFloat(this.Points) + parseFloat(this.total.bonus)).toFixed(2)
console.log(this.total.amount)
this.total = uni.getStorageSync('total')
let b = (this.total.amount - a ).toFixed(2)
console.log(b)
this.total.amount = b
}
}
////console.log(data)
// defaultRequest3(data,'consignee').then(res=>{
// if(res.error==0){
//使
else{
this.Points = 0
//console.log(222)
}
// this.total=res.data.total
// ////console.log(this.total.bonus)
// uni.setStorageSync('Total',this.total)
// this.order=res.data.order
// ////console.log(this.use)
// //使
// this.usemethod()
// // this.Thepoint()
}
})
// }
// })
this.total.amount = (parseFloat(total.amount) - parseFloat(this.bonus)).toFixed(2)
uni.setStorageSync('Total',this.total)
this.Thepoint()
}
else{
this.bonus = 0
this.total = uni.getStorageSync('total')
this.bouns_id = 0
// this.Points = this.total.amount
//console.log(this.total)
this.total = uni.getStorageSync('total')
this.Thepoint()
}
// this.isCoupons = false
},
gotoindex(){
uni.switchTab({
@ -378,67 +389,39 @@
//
getPayDate(id,will_get_integral){
let data
//console.log(222)
//////console.log(222)
if(this.pay_index ==0){
data={_action:'payorder',order_id:id,order_type:'GOODSBUY',payment_method:'paypal'}
defaultRequest2(data).then(res=>{
////console.info(data,'')
//console.log(res)
////////console.info(data,'')
//////console.log(res)
if(res.error == 0){
if(res.data.need_pay_amount==0)
this.isShow = false
{
setTimeout(() =>{
uni.showToast({
icon:'none',
title:'ok!'
// plus.runtime.openURL(res.data.prepay_data.checkoutnow_url)
// this.src = res.data.prepay_data.checkoutnow_url
uni.navigateTo({
url:'./paypalWebview?src='+res.data.prepay_data.checkoutnow_url
})
},2000)
uni.navigateTo({
url:'../account/myOrders'
})
}
// plus.runtime.openURL(res.data.prepay_data.checkoutnow_url)
// this.src = res.data.prepay_data.checkoutnow_url
uni.navigateTo({
url:'./paypalWebview?src='+res.data.prepay_data.checkoutnow_url
})
}
})
}else{
data={_action:'payorder',order_id:id,order_type:'GOODSBUY',payment_method:'alipay.native'}
defaultRequest2(data).then(res=>{
//console.info(res,'')
//////console.info(res,'')
if(res.error==0){
//
if(res.data.need_pay_amount==0) {
if(res.data.need_pay_amount==0)
this.isShow = false
{
setTimeout(() =>{
uni.showToast({
icon:'none',
title:'ok!'
})
},2000)
uni.navigateTo({
url:'../account/myOrders'
})
}
}
uni.requestPayment({
provider: 'alipay',
orderInfo: res.data.prepay_data.order_info, //
success: function (res) {
////console.log('success:' + JSON.stringify(res));
////////console.log('success:' + JSON.stringify(res));
uni.redirectTo({
url: 'paySuccess?type=0&order_id='+id+'&will_get_integral='+will_get_integral
});
},
fail: function (err) {
////console.log('fail:' + JSON.stringify(err));
////////console.log('fail:' + JSON.stringify(err));
uni.redirectTo({
url: 'paySuccess?type=1&order_id='+id+'&will_get_integral='+will_get_integral
});
@ -452,14 +435,18 @@
},
Thepoint(){
//使 使
////console.log(this.total)
if(this.use && this.current!=-1){
////////console.log(this.total)
// if(this.bonus !=0){
// }
if(this.use && (this.current!=-1||this.bonus!==0)){
this.total.bonus = this.bonus
this.total = uni.getStorageSync('Total')
if(parseFloat(this.count) > this.total.amount){
let i = (parseFloat(this.count) - this.total.amount - parseFloat(this.total.bonus)).toFixed(2)
// this.Points = (this.total.amount - parseFloat(this.total.bonus)).toFixed(2)
this.Points = this.total.amount
//console.log(this.Points)
//////console.log(this.Points)
this.total.amount = 0
}
@ -467,16 +454,17 @@
let i = (this.total.amount -parseFloat(this.count)).toFixed(2)
// this.total.amount = i
this.Points = this.count
this.total.amount = (this.total.amount - parseFloat(this.Points)).toFixed(2)
this.total.amount = (this.total.amount - parseFloat(this.Points)).toFixed(2)
}
}
//使
else if(!this.use&& this.current!=-1){
else if(!this.use&& this.current!==-1){
this.Points = 0
this.total = uni.getStorageSync('Total')
}
// 使
else if(!this.use&& this.current==-1){
this.bonus = 0
this.total = uni.getStorageSync('total')
}
//使
@ -485,7 +473,7 @@
let i = (parseFloat(this.count) - this.total.amount - parseFloat(this.total.bonus)).toFixed(2)
// this.Points = (this.total.amount - parseFloat(this.total.bonus)).toFixed(2)
this.Points = this.total.amount
//console.log(this.Points)
//////console.log(this.Points)
this.total.amount = 0
}
@ -496,7 +484,7 @@
this.total.amount = (this.total.amount - parseFloat(this.Points)).toFixed(2)
}
}
this.isPoints = false
},
//
selectPay(index){
@ -522,60 +510,117 @@
directshopping:0,
}
defaultRequest3(data,'consignee').then(res=>{
//console.info(res)
//console.log(data)
//////console.info(res)
//////console.log(data)
if(res.error==0){
this.getPayDate(res.data.order.order_id,res.data.will_get_integral)
}
})
},
//
cartselectshipping(id){
let data={_action:'cartselectshipping',shipping_id:id,consignee:this.address}
defaultRequest3(data,'consignee').then(res=>{
////console.info(res)
////console.info(data)
if(res.error==0){
this.tag = 1
this.total=res.data.total
//console.log(this.total)
this.totalnum = this.total.amount
console.log(typeof(this.totalnum))
uni.setStorageSync('total',(res.data.total))
let ss = uni.getStorageSync('total')
this.order=res.data.order
this.orderId=res.data.order.shipping_id
// this.usemethod()
this.Thepoint()
}
})
},
getList(){
defaultRequest3(this.query,'consignee').then(res=>{
////console.log(this.query)
////console.info(res)
////////console.log(this.query)
//console.info(res)
if(res.error==0){
this.orderDate=res.data
this.address=res.data.consignee
this.goods_list=res.data.goods_list
this.total = res.data.total
//console.info(this.goods_list)
this.shipping_list=res.data.shipping_list
// ////console.info(res.data.shipping_list,'1111')
this.orderId = this.shipping_list[0].shipping_id
//console.info(res.data)
////console.log(this.shipping_list[0].shipping_id)
this.cartselectshipping(this.orderId)
if(res.data.bonus_list){
this.bonus_list=res.data.bonus_list
}
this.total=res.data.total
this.totalnum = this.total.amount
uni.setStorageSync('total',(res.data.total))
let ss = uni.getStorageSync('total')
////console.log(ss,'0000')
// this.total=res.data.total
// this.totalnum = this.total.amount
// uni.setStorageSync('total',(res.data.total))
// let ss = uni.getStorageSync('total')
////console.log(res.data.total)
this.order=res.data.order
}
})
//
let data={_action:'getuserbonus'}
var time = new Date();
// var today = time.getFullYear()
// var month
// if(time.getMonth() +1 <10){
// month = '0'+(time.getMonth() +1).toString()
// }
// var date = time.getDate()
// var timecurrent = today.toString() + month.toString() + date.toString()
var today = time.toLocaleString()
console.log(time.toLocaleString())
defaultRequest2(data).then(res=>{
////console.info(res)
////////console.info(res)
if(res.error==0){
this.list=res.data
}
this.list=res.data
////console.log(this.list[0].type_money)
// this.bonus = this.list[0].type_money
// console.log(this.total.amount)
let list = []
let list2= []
res.data.map( item =>{
let hb_time = new Date(Date.parse(item.use_end_date))
// console.log(new Date(Date.parse(item.use_end_date)))
item.use = hb_time > new Date(Date.parse(today))
// this.list = []
list.push(item)
this.list = list
if(parseFloat(item.min_goods_amount) <this.totalnum){
list2.push(item)
// this.total.amount = sum
// this.Thepoint()
// this.useCoupons(2,list2[0])
// this.total.amount = this.total.amount
}
// console.log(hb_time > new Date(Date.parse(today)))
})
this.bonus = list2[0].type_money
this.bonus_id = list2[0].bonus_id
let sum = (parseFloat(this.total.amount) - parseFloat(this.bonus).toFixed(2)).toFixed(2)
console.log(sum)
this.total.amount = sum
// uni.setStorageSync('Total',this.total)
uni.setStorageSync('totalsum',sum)
console.log(this.list)
}
})
//
defaultRequest2({
_action:'getusersummarydata'
}).then(res =>{
////console.log(res)
////////console.log(res)
if(res.error ==0){
this.count = res.data.user_info.user_money
// this.count = 4.00
@ -584,15 +629,18 @@
})
},
openMore(i){
this.popup_index=i
this.popup_index = i
//console.log(this.popup_index)
if(i==1){
this.isCoupons = true
if(!this.list){
uni.showToast({
icon:'none',
title:'No coupon available'
})
return
}else{
this.isCoupons = true
}
if(this.orderDate.allow_use_bonus==0){
uni.showToast({
@ -601,15 +649,24 @@
})
return
}
}else if(i==3){
this.isPoints = true
if(this.orderDate.allow_use_integral==0){
}
if(i==3){
if(this.count>0){
this.isPoints = true
}
else{
uni.showToast({
icon:'none',
title:'Points cannot be used for this product'
})
return
icon:'none',
title:'Points cannot be used for this product'
})
}
// if(this.orderDate.allow_use_integral==0){
// uni.showToast({
// icon:'none',
// title:'Points cannot be used for this product'
// })
// return
// }
}else{
if(!this.address){
uni.showToast({
@ -623,33 +680,40 @@
title:'please select shipping method'
})
}
else{
this.isShow=true
}
// else{
// this.isShow=true
// }
}
}
},
onLoad(e) {
// this.current = 0
this.query=JSON.parse(e.query)
this.orderId = e.orderId
this.order.shipping_id = e.orderId
// if(e.orderId){
// this.orderId = e.orderId
// this.order.shipping_id = e.orderId
// }
this.orderId = 11
this.order.shipping_id = 11
// this.bonus = item.type_money
// this.cartselectshipping(this.orderId)
if(this.orderId){
this.tag =1
}
////console.log(this.orderId,'///')
////console.log(e.orderId)
this.getList()
this.cartselectshipping(11)
},
onShow(e) {
this.getList()
uni.$once('query' ,(query)=>{
////console.info(query)
////////console.info(query)
if(query.type=='address'){
this.query.consignee=query.consignee
this.query.is_new=0
////console.log(this.query)
////////console.log(this.query)
this.getList()
}
});
@ -847,6 +911,8 @@
position: fixed;
bottom: 0;
left: 0;
// min-height: 200rpx;
// max-height: 600rpx;
background-color: white;
padding-left: 29.33rpx;
padding-right: 29.33rpx;

16
pages/order/details.vue

@ -42,10 +42,10 @@
<view>The timeout order will be closed automatically</view>
</view>
</view>
<view class="cancelled_right">
<!-- <view class="cancelled_right">
<text class="shipped_right_text">23:59:58</text>
<view>T-minus payment</view>
</view>
</view> -->
</view>
<view class="cancelled transit" @click="goLogistics" v-if="details_index==2">
@ -119,11 +119,15 @@
</view>
<view class="summary_item">
<view>Coupon</view>
<view class="summary_item_right1">-US${{goodsDate.discount}}</view>
<view class="summary_item_right1">-US${{goodsDate.bonus}}</view>
</view>
<view class="summary_item">
<view>Points</view>
<view class="summary_item_right1">-US${{goodsDate.surplus}}</view>
</view>
<view class="summary_item">
<view>Order total</view>
<view>US${{goodsDate.total_fee}}</view>
<view>US${{goodsDate.order_amount}}</view>
</view>
<!-- <view class="summary_tips" v-if="details_index==0">
<image src="../../static/img/gantan1.png" mode=""></image>
@ -198,7 +202,7 @@
<text>Pay Pal</text>
</view>
</view>
<view class="pay_item" @click="selectPay(1)">
<!-- <view class="pay_item" @click="selectPay(1)">
<image src="../../static/img/select1.png" mode="" class="pay_item_select" v-if="pay_index==1"></image>
<image src="../../static/img/select2.png" mode="" class="pay_item_select" v-else></image>
<view class="pay_item_right">
@ -221,7 +225,7 @@
<image src="../../static/img/APay.png" mode=""></image>
<text>Apple pay</text>
</view>
</view>
</view> -->
<button @click="getPayDate">PAY NOW</button>
</view>
</view>

2
pages/productDetails/goodsReview.vue

@ -9,7 +9,7 @@
<view class="reviews_title_user_name">{{item.user_name}}</view>
<uni-rate style="margin-left: 2rpx;margin-top: 10rpx;"size="18" :disabled="true" disabledColor="#B22234" :value="item.comment_rank" active-color="#B22234" :is-fill="false"/>
</view>
<view class="reviews_title_color">Color:###</view>
<!-- <view class="reviews_title_color">Color:###</view> -->
</view>
<view class="reviews_title_time">{{item.add_time | date}}</view>

212
pages/productDetails/index.vue

@ -82,7 +82,7 @@
</view>
</view>
<view class="goods_info">
<view class="goods_info_price">
<!-- <view class="goods_info_price">
<text>US${{goodsDate.is_promote==0? goodsDate.shop_price :goodsDate.promote_price}}</text>
<view class="info_price_right">
@ -90,34 +90,51 @@
<image src="../../static/icon/like_red.png" mode="" v-show="goodsDate.is_attention==1" @click="removeLike(goodsDate.id)"></image>
<image src="../../static/icon/share_white.png" mode=""@click="Isshare=true"></image>
</view>
</view>
</view> -->
<view>{{goodsDate.goods_name}} </view>
<view class="evaluate">
<uni-rate size="18" :disabled="true" disabledColor="#B22234" :value="goodsDate.comment_summary[0].commentcount==0?'0':'4'" active-color="red" :is-fill="false" />
<!-- <view class="evaluate">
<uni-rate size="14" :disabled="true" disabledColor="#B22234" :value="goodsDate.comment_summary[0].commentcount==0?'0':'4'" active-color="red" :is-fill="false" />
<view class="evaluate_text">{{goodsDate.comment_summary[0].commentcount==0?'0.0':'4.0'}}</view>
<text>({{goodsDate.comment_summary[0].commentcount}}reviews)</text>
</view> -->
<view class="goods_info_price">
<text>US${{goodsDate.is_promote==0? goodsDate.shop_price :goodsDate.promote_price}}</text>
<view class="info_price_right">
<image src="/static/img/like_white.png" mode="" v-show="goodsDate.is_attention==0" @click="addLike(goodsDate.id)"></image>
<image src="../../static/icon/like_red.png" mode="" v-show="goodsDate.is_attention==1" @click="removeLike(goodsDate.id)"></image>
<image src="../../static/icon/share_white.png" mode=""@click="Isshare=true"></image>
</view>
</view>
<view class="variations">
<view class="variations_title">
<view class="variations_title_left">Variations</view>
<text>{{colorNum}}color</text>
<view class="variations_title_left" v-if="sizenum>0||colorNum >0">Variations</view>
<text v-if="item.goods_attrs.length>0" class="text_margin"
v-for="(item,index) in goodsDate.attr_list" :key="item.attr_name">
{{ item.goods_attrs.length}}{{item.attr_name}}
</text>
<!-- <text v-if="sizenum>0"class="text_margin" > {{sizenum}}size</text> -->
</view>
<view >
<!-- <view v-for="(item,index) in goodsDate.attr_list" :key="index" class="variations_select"> -->
<!-- <view class="variations_select_varieties" >
<!-- <view v-for="(item,index) in goodsDate.attr_list" :key="index" class="variations_select">
<view class="variations_select_varieties" >
<view class="select_varieties_image" v-for="(item,index) in 3" :key="index"></view>
</view> -->
<view class="variations_select_size">
<view class="select_size_item" v-for="(item,index ) in goodsDate.gallery_list" :key="item.img_url"
:style="{background:`url(${item.img_url})`}" @click="clickImg(index)">
<!-- <image :src="item.img_url" mode="" @click="clickImg(index)"></image> -->
</view>
</view> -->
<view class="variations_select_size" v-for="(item,index ) in goods_attr_list" :key="item.attr_id">
<view v-for="(item1,index1 ) in item.list" :key="item1.attr_value" >
<view class="select_size_item" v-if="item1.attr_img"
:style="{background:`url(${item1.attr_img})`}" @click="clickImg(index1,item.list)">
</view>
<view class="select_size_item1" v-if="item1.attr_img">{{ item1.attr_value }}</view>
</view>
<!-- <view class="select_size_item">35</view>
<view class="select_size_item">M</view>
<view class="select_size_item">L</view> -->
</view>
<!-- </view> -->
</view>
</view>
@ -137,10 +154,10 @@
<view class="spike1_item" v-for="(item,index) in shipping_list" :key="item.shipping_name" >
<view class="spike1_item_title">
<view >
{{ item.shipping_name}}: <text class="text_red">US${{ item.free_money}}</text>
{{ item.shipping_name}}: <text class="text_white">US${{ item.free_money}}</text>
</view>
<view >
free on orders <text class="text_red">US${{ item.shipping_fee}}</text>
free on orders <text class="text_white">US${{ item.shipping_fee}}</text>
</view>
<view class="text_bold_200" >Estimated to be deliverd on </view>
<view class="text_bold_200" >{{ item.shipping_desc }}</view>
@ -237,7 +254,7 @@
<view class="allReviews">
<text>{{goodsDate.comment_summary[0].commentcount==0?'0.0':'4.0'}}</text>
<uni-rate size="25" :disabled="true" disabledColor="#B22234" color="#B22234" :value="goodsDate.comment_summary[0].commentcount==0?'0':'4'" active-color="red" :is-fill="false"/>
<uni-rate size="20" :disabled="true" disabledColor="#B22234" color="#B22234" :value="goodsDate.comment_summary[0].commentcount==0?'0':'4'" active-color="red" :is-fill="false"/>
</view>
<template v-if="goodsDate.comment_summary[0].commentcount==0">
<view class="reviews_no">No comment yet</view>
@ -249,7 +266,7 @@
<view class="reviews_item_one">
<view class="reviews_title_user">
<view class="reviews_title_user_name">{{item.user_name}}</view>
<uni-rate style="margin-left: 2rpx;margin-top: 10rpx;"size="18" :disabled="true" disabledColor="#B22234" :value="item.comment_rank" active-color="#B22234" :is-fill="false"/>
<uni-rate style="margin-left: 2rpx;margin-top: 10rpx;"size="14" :disabled="true" disabledColor="#B22234" :value="item.comment_rank" active-color="#B22234" :is-fill="false"/>
</view>
<!-- <view class="reviews_title_color">Color:###</view> -->
</view>
@ -261,7 +278,7 @@
<view class="reviews_item_image">
<view class="reviews_image_content" v-for="(item1,index1) in item.attachments" :key="item1.afile">
<!-- <text> {{ item1.afile}}</text> -->
<image mode=" " :src="item1.afile"></image>
<image mode=" " :src="item1.afile" v-if="item1.afile"></image>
</view>
</view>
</view>
@ -330,7 +347,7 @@
<view class="addCard" v-show="isCart">
<image src="/static/img/close1.png" mode="" class="addCard_close" @click="isCart=false"></image>
<scroll-view class="spike1 " scroll-x="true" :show-scrollbar="false">
<image :src="item.img_url" mode="" class="addCard_scroll" v-for="(item,index) in goodsDate.gallery_list" :key="index" @click="clickImg(index)"></image>
<image :src="item.img_url" mode="" class="addCard_scroll img_border" v-for="(item,index) in goodsDate.gallery_list" :key="index" @click="clickImg(index)"></image>
</scroll-view>
<scroll-view class="addCard_body"scroll-y="true">
<view >{{goodsDate.goods_name}} </view>
@ -393,6 +410,7 @@
<view class="icon_item"><image src="../../static/img/more1.png" mode="">More</view>
</view>
</view>
<view class="bootom_last" v-if="bootom == 1">-THE END-</view>
</view>
</template>
@ -407,6 +425,7 @@
isvideo:false,
isSecurity:false,
sum:0,
bootom:0,
query:{
_action:'getgoodsdetail',
goods_id:''
@ -426,6 +445,7 @@
user_info:{},
addressDate:{},
colorNum:0,
sizenum:0,
//
goods_attr_list:[],
//
@ -474,6 +494,8 @@
Size_list:'',
shop_price:0,
first:0,
noImgtype:[],
tag:0,
@ -527,6 +549,10 @@
url:'./goodsReview?goods_id='+this.query.goods_id
})
},
onReachBottom(){
console.log(111)
this.bootom = 1
},
isVideo()
{
//console.log('//////')
@ -633,17 +659,34 @@
},
//
clickImg(index) {
clickImg(index,e) {
wx.previewImage({
urls: this.info, //httpurl
current: index, // http
indicator:'number',
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
if(e){
let list = []
console.log(e)
e.map( item =>{
list.push(item.attr_img)
})
wx.previewImage({
urls: list, //httpurl
current: index, // http
indicator:'number',
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
}
else{
wx.previewImage({
urls: this.info, //httpurl
current: index, // http
indicator:'number',
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
}
},
//
@ -833,6 +876,11 @@
this.goodsDate.attr_list.map(item=>{
if(item.attr_name){
this.sizenum=item.goods_attrs.length
}
if(item.attr_name=="Color"){
this.colorNum=item.goods_attrs.length
console.log(this.colorNum)
@ -848,6 +896,8 @@
}
else if(item.attr_name=="Size"){
Size_list = item.goods_attrs
console.log(this.sizenum)
Size_list.map( item =>{
this.Size_list +=item.attr_value + ' '
@ -856,8 +906,20 @@
}
let data={name:item.attr_name,goods_attr_id:'',attr_id:item.attr_id,list:item.goods_attrs}
this.goods_attr_list.push(data)
console.log(this.goods_attr_list)
let list = []
this.goods_attr_list.map( item =>{
item.list.map(item1 =>{
if(!item1.attr_img){
this.tag = 1
}
})
})
// console.log(list)
// this.noImgtype = list
})
}
}else{
@ -1167,6 +1229,31 @@
padding: 0 5rpx;
margin-bottom: 16.67rpx;
// &:nth-child(-n+2){
// margin-bottom: 16.67rpx;
// }
}
.select_size_item1{
// background-color: red;
width: 97.67rpx;
line-height: 30rpx;
// height: 60rpx;
// overflow: hidden;
display: flex;
text-align: center;
background-size: 100% !important;
background-repeat: no-repeat;
align-items: center;
justify-content: center;
border-radius: 12.67rpx;
// color: #666666;
color: #fff;
font-size: 24rpx;
margin-right: 18.67rpx;
// border: 1px solid #F8F8F8;
padding: 0 5rpx;
margin-bottom: 16.67rpx;
// &:nth-child(-n+2){
// margin-bottom: 16.67rpx;
// }
@ -1197,7 +1284,7 @@
}
.spike1{
margin-top: 0;
margin-bottom: 34rpx;
margin-bottom: 20rpx;
padding-bottom: 0;
border-bottom: none;
.addCard_scroll{
@ -1218,7 +1305,7 @@
min-height: 400rpx;
.addCard_price{
font-size: 44rpx;
font-weight: 500;
font-weight: bold;
margin-top: 17.33rpx;
margin-bottom: 51.33rpx;
}
@ -1265,8 +1352,8 @@
}
}
.active_color{
color: #B22234;;
background-color: white;
color: #fff;;
background-color: #000;
border: 1px solid #000000;
}
}
@ -1334,10 +1421,12 @@
}
.spike1_item{
width: 480rpx;
background-color: #343434;
background-color: #1b1b1b;
padding: 27.33rpx 37.67rpx;
margin-right: 19.33rpx;
font-size: 20rpx;
border-radius: 10rpx;
// border:1rpx solid #ccc;
display: inline-block;
// color: #737373;
@ -1353,8 +1442,8 @@
font-weight: 50;
}
.spike1_item_title{
font-weight: bold;
// font-weight: bold;
font-size: 28rpx;
.text_black{
color: black;
display: inline-block;
@ -1627,20 +1716,28 @@
}
}
}
.info_price{
font-size: 44rpx;
font-weight: bold;
margin-top: 40rpx !important;
}
.goods_info{
padding: 0 26.67rpx;
padding-top: 60.67rpx;
padding-bottom: 15.33rpx;
padding-top: 20.67rpx;
// padding-bottom: 15.33rpx;
// border-bottom: #F7F7F7 13.33rpx solid;
font-size: 30.67rpx;
font-weight: 400;
.goods_info_price{
display: flex;
align-items: center;
font-size: 44rpx;
font-weight: bold;
margin-top: 23rpx;
justify-content: space-between;
margin-bottom: 45.33rpx;
// margin-bottom: 45.33rpx;
.info_price_right{
display: flex;
@ -1657,13 +1754,13 @@
}
}
.evaluate{
margin-top: 34.67rpx;
margin-top: 28rpx;
display: flex;
align-items: center;
font-size: 24rpx;
padding-bottom: 33.33rpx;
// padding-bottom: 33.33rpx;
// border-bottom: 1px solid #E2E2E2;
margin-bottom: 35.33rpx;
margin-bottom: 28rpx;
.evaluate_text{
font-weight: 500;
color: #B22234;
@ -1672,7 +1769,7 @@
}
.variations{
font-size: 29.33rpx;
padding-top: 32rpx;
.variations_title{
display: flex;
align-items: center;
@ -1748,7 +1845,7 @@
}
.transport{
padding: 0 26.67rpx;
padding-top: 37.33rpx;
// padding-top: 17.33rpx;
// border-bottom: #F7F7F7 13.33rpx solid;
.title_Mtop{
@ -1809,16 +1906,18 @@
padding-top: 36rpx;
.allReviews{
background-color: #FFF;
background-color: #1b1b1b;
display: flex;
opacity: 0.8;
// background: rgba(0, 0, 0, 0.2);
align-items: center;
padding-left: 26.67rpx;
border-radius: 6.67rpx;
font-size: 66.67rpx;
font-size: 45.67rpx;
font-weight: 800;
margin-top: 32.67rpx;
height: 118.67rpx;
color:black;
color:#fff;
text{
display: inline-block;
margin-right: 42rpx;
@ -2001,4 +2100,19 @@
}
}
}
.text_margin{
margin-right:10rpx;
font-size:24rpx;
}
.recommend_content_name,.recommend_content_item_pric{
padding-left: 20rpx;
}
.bootom_last{
height: 200rpx;
width: 100%;
color: #fff;
font-size: 25rpx;
line-height: 200rpx;
text-align: center;
}
</style>

93
pages/productDetails/review.vue

@ -39,6 +39,7 @@
</view>
<view class="reason_upload">
<view class="reason_upload_item" @click="UploadVideo">
<!-- <view class="reason_upload_item1 margin_left" @click="deleteImg(VideoId)" v-model="VideoId" v-if="VideoSrc"></view> -->
<image src="/static/img/vedio.png" class="upload_item_camera1" mode=""v-if="!VideoSrc"></image>
<video :src="VideoSrc" class="upload_item_camera2" mode=""
id="videoId"
@ -51,15 +52,18 @@
</view>
<view class="reason_upload_item" @click="Upimg()">
<image src="/static/img/camera.png" class="upload_item_camera" mode="" ></image>
<image src="/static/img/camera.png" class="upload_item_camera" mode="" ></image>
<!-- <image :src="imgSrc" class="upload_item_camera" mode="" v-else></image> -->
<view>Upload pictures</view>
</view>
<view class="reason_upload_item reason_upload_item1" v-if="imgSrc">
<image :src="imgSrc" class="upload_item_image" mode="" ></image>
<view class="reason_upload_item " v-for="(item,index) in imglist" :key="index">
<view class="reason_upload_item1" @click="deleteImg(item.id,0)" v-model="item.id"></view>
<image :src="item.url" class="upload_item_image" mode="" ></image>
</view>
</view>
<view class="reason_upload_tips">Upload JPG, PNG format, within 3M</view>
<view class="reason_upload_tips"></view>
<view class="reason_upload_tipV" @click="deleteImg(VideoId,1)" v-model="VideoId" v-if="VideoSrc">Delete Video</view>
<!-- <view style="height: 100rpx;width: 100rpx;">
<image :src="imgSrc" class="upload_item_image" style="height: 100%;width: 100%;"mode="" ></image>
</view> -->
@ -98,6 +102,7 @@
comments:[]
},
VideoSrc:'',
VideoId:'',
imgSrc:'',
imglist:[],
videoPlay: false,
@ -210,7 +215,14 @@
console.log(JSON.parse(data));
let lists = JSON.parse(data)
// this.video = lists.data
that.VideoId = lists.data.attachment_id
that.VideoSrc = lists.data.attachment_url
// setTimeout( () =>{
// uni.showLoading({
// title:'',
// icon:'none'
// })
// },2000)
// console.log(this.VideoSrc,'000')
that.ids.push(lists.data.attachment_id)
console.log(that.ids)
@ -262,24 +274,22 @@
}
//
let data = encryptDes(JSON.stringify(json_data),'6780f04cf2e211ec86a8005056c00008');
let file = encryptDes(JSON.stringify(res.tempFiles[0]),'6780f04cf2e211ec86a8005056c00008');
// let afile = {
// afile:file
// }
// console.log(afile)
// defaultRequest5(data,afile).then(res =>{
// console.log(res)
// })
let file = encryptDes(JSON.stringify(res.tempFiles[0]),'6780f04cf2e211ec86a8005056c00008')
// let str = {
// _action: 'uploadcommentfile',
// atype:1,
// _action: 'uploadcommentfile',
// atype:1,
// }
// let _action = encryptDes(JSON.stringify('uploadcommentfile'),'6780f04cf2e211ec86a8005056c00008');
// let type = encryptDes(JSON.stringify(1),'6780f04cf2e211ec86a8005056c00008');
// let afile ={
// afile:res.tempFilePaths[0]
// }
// let _action = encryptDes(JSON.stringify(str),'6780f04cf2e211ec86a8005056c00008');
// let afile1 = encryptDes(JSON.stringify(afile),'6780f04cf2e211ec86a8005056c00008');
// defaultRequest5(str,url).then(res =>{
// console.log(res)
// })
uni.uploadFile({
url: 'https://en.meixx.com/mapi/api_v2011.php?appcode=DOPE+',
url:'https://lilbeattranapismits.dopeplus.com/mapi/api_v2011.php?appcode=DOPE+',
filePath: tempFilePaths[0],
name: 'afile',
formData:{
@ -289,13 +299,17 @@
console.log(uploadFileRes);
let data=decryptDes(uploadFileRes.data,'6780f04cf2e211ec86a8005056c00008');
console.log(JSON.parse(data));
let lists = JSON.parse(data)
this.imglist = lists.data
let lists = JSON.parse(data)
that.imglist.push({
id:lists.data.attachment_id,
url:lists.data.attachment_url
})
that.imgSrc = lists.data.attachment_url
// this.imglist = this.imglist.push(lists.data)
console.log(that.imgSrc)
that.ids.push( lists.data.attachment_id)
console.log(that.imglist )
that.ids.push(lists.data.attachment_id)
console.log(that.ids)
}
});
@ -304,6 +318,30 @@
}
});
console.log(this.imglist)
},
//
deleteImg(Id,e){
let id = Id
console.log(id)
for(let i =0;i < this.imglist.length ; i++){
if(this.imglist[i].id == id){
this.imglist.splice(i,1)
}
}
for(let i =0;i < this.ids.length ; i++){
if(this.ids[i] == id){
this.ids.splice(i,1)
}
}
if(e==1){
this.VideoSrc = ''
this.VideoId = ''
}
console.log(this.ids)
console.log(this.imglist)
console.log(this.VideoSrc)
}
},
onLoad(e) {
@ -384,6 +422,7 @@
border-radius: 15rpx;
width: 156rpx;
height: 156rpx;
margin-top:5rpx;
display: flex;
justify-content: center;
align-items: center;
@ -391,6 +430,7 @@
font-size: 12rpx;
color: #BFBCBC;
margin-right: 23.33rpx;
margin-left: 6rpx;
image{
height: 100%;
width: 100%;
@ -427,18 +467,25 @@
width: 30.67rpx;
height: 30.67rpx;
position: absolute;
right: -12rpx;
margin-left: 65rpx;
top: -12rpx;
z-index: 99;
z-index: 999;
background-image: url("@/static/img/close3.png");
background-size: 100% 100%;
}
}
.margin_left{
margin-left: 30rpx;
}
}
.reason_upload_tips{
font-size: 20rpx;
color: #666666;
}
.reason_upload_tipV{
font-size: 24rpx;
color: #8c0000;
}
}
.uni-navbar{
font-size: 32rpx;

87
pages/shippingCart/index.vue

@ -144,7 +144,7 @@
<view class="recommend_content_item_image">
<image :src="item.thumb" mode=""></image>
</view>
<!-- <view class="recommend_content_item_image_name">{{item.short_name}}</view> -->
<view class="recommend_content_item_image_name">{{item.short_name}}</view>
<view class="recommend_content_item_pric">
US${{item.is_promote==0? item.shop_price :item.promote_price}}</view>
</view>
@ -203,7 +203,7 @@
<button @click ="AddtoCart">ADD TO CART</button>
</view>
<view class="bootom_last1" v-if="bootom == 1">-THE END-</view>
</view>
</template>
@ -218,6 +218,7 @@
data() {
return {
isEmpty: false,
bootom:0,
isCahnge: false,
backButtonPress: 0,
//
@ -276,6 +277,7 @@
},
orderId:0,
shop_price:0,
bootom:0,
}
},
onBackPress(options) {
@ -297,6 +299,10 @@
url: '/pages/productDetails/index?goodid=' + id
})
},
onReachBottom(e){
this.bootom = 1
},
//
getCatList(type) {
defaultRequest4(this.catQuery).then(res => {
@ -641,7 +647,7 @@
defaultRequest3(this.query,'consignee').then(res =>{
console.log(res)
if(res.error ==0){
console.log(res.data.shipping_list[0].free_money)
console.log(res)
console.log(this.total.goods_price)
this.orderId = res.data.shipping_list[0].shipping_id
if(parseInt(res.data.shipping_list[0].free_money)> parseFloat(this.total.goods_price)){
@ -850,19 +856,70 @@
}
</script>
<style>
page {
/* background-color: #000; */
<style lang="scss" scoped>
page{
background-color: #f4f3f8;
height: 100vh;
padding-bottom: 150rpx;
}
</style>
<style lang="scss" scoped>
.body{
background-color: #f4f3f8;
height: 100%;
padding-bottom: 150rpx;
}
.bootom_last1{
height: 200rpx;
width: 100%;
color: #000;
// background-color: #fff;
font-size: 25rpx;
line-height: 200rpx;
text-align: center;
}
.recommend_content{
background-color: #f4f3f8 !important;
}
.uni-navbar {
font-size: 32rpx;
font-weight: bold;
}
.recommend{
color:#000 !important;
}
.recommend_content_item{
background-color: #fff !important;
// padding: 0 20rpx;
}
.recommend_content_item_image_name{
color:#333 !important;
height:60rpx;
line-height: 34rpx;
overflow: hidden;
}
.recommend_content_item_pric{
font-weight: bold;
font-size: 36rpx;
padding-left: 20rpx;
padding-top: 18rpx;
}
.recommend_content_item_image_name{
color:#cfcfcf;
padding: 8rpx 20rpx;
word-wrap: wrap;
overflow: hidden !important;
}
// .recommend_content{
// line-height: 34rpx !important;
// height: 68rpx !important;
// }
.body{
background-color:#fff;
background-color:#f4f3f8;
}
.uni-numbox {
border: 1px solid #999999;
@ -1029,7 +1086,7 @@
}
.left_info_bottom {
color: #C4C4C4;
// background-color: #B22234;
max-width: 280rpx;
display: flex;
padding: 0 3rpx 10rpx 10rpx;
@ -1058,7 +1115,7 @@
display: flex;
height: 40rpx;
padding-left: 10rpx;
border: 1px solid #C4C4C4;
// border: 1px solid #C4C4C4;
overflow: hidden;
// border: none !important;
.info_lable_text {
@ -1208,7 +1265,7 @@
}
.spike1{
margin-top: 0;
margin-bottom: 34rpx;
margin-bottom: 20rpx;
padding-bottom: 0;
border-bottom: none;
.addCard_scroll{
@ -1229,7 +1286,7 @@
min-height: 400rpx;
.addCard_price{
font-size: 44rpx;
font-weight: 500;
font-weight: bold;
margin-top: 27.33rpx;
margin-bottom: 51.33rpx;
}
@ -1276,8 +1333,8 @@
}
}
.active_color{
color: #B22234;
background-color: white;
color: #fff;
background-color: #000;
border: 1px solid #000000;
}
}

24
pages/specialTitle/index.vue

@ -1,7 +1,11 @@
<template>
<view class="body">
<view class="one"></view>
<uni-nav-bar left-icon="left" @clickLeft="back()" backgroundColor="#000" color="#fff" :title="title" />
<view class="one">
<image src="../../static/img/left_white.png" mode="" @click="back()"></image>
<view class="one_text">{{ title }}</view>
</view>
<!-- <uni-nav-bar left-icon="left" @clickLeft="back()" backgroundColor="#000"
color="#fff" :title="title" :fixed="true" :border="false" :top="100 +rpx"/> -->
<view v-for="(item,index) in list " :key="item.zone_id">
<view v-for="(item1,index1) in item.blocks " :key="item1.block_pic">
<view class="ONEPIC" v-if="item.zone_code=='ONEPIC' && item.zone_status=='NORMAL'" :style="{height:(item.zone_code=='ONEPIC')?item.zone_column+'rpx':'200rpx'}">
@ -118,13 +122,15 @@
<style lang="scss" scoped>
page{
background-color: aliceblue;
margin: 20rpx;
background-color: #000;
height: 100vh;
// margin: 20rpx;
}
.ONEPIC{
width: 100%;
height: 100%;
margin: -12rpx 0;
z-index:1;
image{
height: 100%;
width: 100%;
@ -181,10 +187,10 @@
}
}
.body{
.one{
height: 50rpx;
width: 100%;
background-color: #000;
}
padding-top: 150rpx;
height: 100vh;
background-color: #000;
}
</style>

16
pages/specialTitle/index2.vue

@ -1,8 +1,11 @@
<template>
<view class="body">
<view class="one"></view>
<uni-nav-bar left-icon="left" @clickLeft="back()" backgroundColor="#000" color="#fff" :title="title" />
<view v-for="(item,index) in list " :key="item.zone_id">
<view class="one">
<image src="../../static/img/left_white.png" mode="" @click="back()"></image>
<view class="one_text">{{ title }}</view>
</view>
<!-- <uni-nav-bar left-icon="left" @clickLeft="back()" backgroundColor="#000" color="#fff" :title="title" :fixed="true" />
<view v-for="(item,index) in list " :key="item.zone_id"> -->
<view v-for="(item1,index1) in item.blocks " :key="item1.block_pic">
<view class="ONEPIC" v-if="item.zone_code=='ONEPIC' && item.zone_status=='NORMAL'" :style="{height:(item.zone_code=='ONEPIC')?item.zone_column+'rpx':'200rpx'}">
<!-- class="discount page_padding" -->
@ -181,10 +184,7 @@
}
}
.body{
.one{
height: 50rpx;
width: 100%;
background-color: #000;
}
background-color: #000;
}
</style>

BIN
static/img/$.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
static/img/add_black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
static/img/add_gray.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
static/img/add_white.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
static/img/att.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
static/img/bg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

BIN
static/img/comment.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/img/dollo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

BIN
static/img/eye_open.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
static/img/eye_w.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
static/img/facebook2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
static/img/foot.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
static/img/foot_white.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
static/img/heart_white.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/img/loginbg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
static/img/map.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/img/select_red.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
static/img/userbg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 487 KiB

12
uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.vue

@ -108,6 +108,7 @@
/* #endif */
position: relative;
flex: 1;
// height: 100px;
justify-content: center;
align-items: center;
}
@ -132,15 +133,16 @@
}
.segmented-control__item--text {
border-bottom-style: solid;
border-bottom-width: 2px;
padding: 6px 0;
border-bottom-style: solid !important;
border-bottom-width: 2px !important;
padding: 2px 0;
}
.segmented-control__text {
color: aliceblue !important;
font-size: 14px;
line-height: 20px;
font-size: 18px;
line-height: 24px;
margin-bottom:10px;
text-align: center;
}
</style>

Loading…
Cancel
Save