Authored by yyq

image -> iconfont

@font-face {
font-family: 'iconfont';
src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');
src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');
font-weight: normal;
font-style: normal;
}
... ... @@ -23,6 +23,12 @@
.icon-wechat:before { content: "\ec7d"; }
.icon-car:before { content: "\e633"; }
.icon-card:before { content: "\e634"; }
.icon-save:before { content: "\e63b"; }
.icon-round:before { content: "\e647"; }
.icon-delete:before { content: "\e684"; }
... ... @@ -35,6 +41,8 @@
.icon-plus:before { content: "\e867"; }
.icon-duihao-fill:before { content: "\e69e"; }
.icon-location:before { content: "\e67c"; }
.icon-bottom:before { content: "\e612"; }
... ... @@ -45,4 +53,6 @@
.icon-left:before { content: "\e623"; }
.icon-service:before { content: "\e730"; }
.icon-time-fill:before { content: "\e7ad"; }
... ...
... ... @@ -29,15 +29,15 @@ Page({
hasUnionID: !!app.globalData.unionID
});
});
this.setData({
hasUnionID: !!app.getUnionID()
});
if (app.getUid()) {
this.showUserInfo();
}
this.getInfoNum();
this.chooseForYouList();
yas.pageOpenReport();
... ... @@ -117,7 +117,7 @@ Page({
4: 'YB_MY_TOREC', // 待收货
};
yas.report(EVENTS[type]);
router.go('orderList', {type});
},
toAddress:function(){
... ... @@ -134,25 +134,20 @@ Page({
router.go('service');
},
showUserInfo: function() {
const defaultAvatar = '../../static/images/default-avatar.png';
const defaultAvatar = 'https://img10.static.yhbimg.com/headimg/2013/11/28/09/01cae078abe5fe320c88cdf4c220212688.gif';
accountModel.getProfile().then(res => {
this.data.userInfo = app.globalData.userInfo;
this.data.userInfo.nickName = res.data.nickname;
this.data.userInfo.avatarUrl = res.data.head_ico || defaultAvatar;
wx.hideLoading();
this.setData({
isLogin: true,
userInfo: {
phoneNum: res.data.mobile,
nickName: res.data.nickname,
avatarUrl: res.data.head_ico || defaultAvatar,
defaultAvatar: this.data.userInfo.avatarUrl === defaultAvatar
avatarUrl: res.data.head_ico || defaultAvatar
}
});
}).catch(() => {
wx.hideLoading();
});
}
});
\ No newline at end of file
});
... ...
... ... @@ -3,13 +3,11 @@
<view class="my-page yoho-page">
<view class="my-header">
<view class="user-info">
<button wx:if="{{!isLogin}}" class="login-btn" bindtap="{{!hasUnionID ? 'loginRegTap' : ''}}"
<button wx:if="{{!isLogin}}" class="login-btn" bindtap="{{!hasUnionID ? 'loginRegTap' : ''}}"
plain="true"
open-type="{{hasUnionID ? 'getPhoneNumber' : ''}}" bindgetphonenumber="getPhoneNumber">登录
</button>
<block wx:else>
<image wx:if="{{userInfo.defaultAvatar}}" src="{{userInfo.avatarUrl}}"
class="user-avatar"></image>
<image src="{{userInfo.avatarUrl}}" class="user-avatar"></image>
<view class="username">{{userInfo.nickName}}</view>
... ... @@ -22,34 +20,30 @@
<view class="my-order" style='border-bottom:0'>
<view class="my-order-title" data-type="1" bindtap="toOrdersTap">
<view class='titleDesc' style='color:#444444'>我的订单</view>
<view style="color: #aeaeae;font-size:29rpx;">全部订单</view>
<image class='arrow-image' style='margin-right:20rpx' src='../../static/images/arrow_right@2x.png'></image>
<view class="right-desc">
<text class="desc">全部订单</text>
<text class="iconfont icon-right"></text>
</view>
</view>
<view class="order-type clearfix" style='border-bottom:0'>
<view class="type-item" data-type="2" bindtap="toOrdersTap">
<view class="iconfont">
<image src="../../static/images/dd_icon_dfk@2x.png" class="icon-image"></image>
<view class='red-point' hidden='{{infoNum.wait_pay_num?false:true}}'>
{{infoNum.wait_pay_num>100?'99+':infoNum.wait_pay_num}}
</view>
<text class="iconfont icon-card"></text>
<view class="red-point" hidden="{{!infoNum.wait_pay_num}}">
{{infoNum.wait_pay_num>100?'99+':infoNum.wait_pay_num}}
</view>
待付款
</view>
<view class="type-item" data-type="3" bindtap="toOrdersTap">
<view class="iconfont">
<image src="../../static/images/dd_icon_dfh@2x.png" class="icon-image"></image>
<view class='red-point' hidden='{{infoNum.wait_cargo_num?false:true}}'>
{{infoNum.wait_cargo_num>100?'99+':infoNum.wait_cargo_num}}
</view>
<text class="iconfont icon-save"></text>
<view class="red-point" hidden="{{!infoNum.wait_cargo_num}}">
{{infoNum.wait_cargo_num>100?'99+':infoNum.wait_cargo_num}}
</view>
待发货
</view>
<view class="type-item" data-type="4" bindtap="toOrdersTap">
<view class="iconfont">
<image src="../../static/images/dd_icon_dsh@2x.png" class="icon-image"></image>
<view class='red-point' hidden='{{infoNum.send_cargo_num?false:true}}'>
{{infoNum.send_cargo_num>100?'99+':infoNum.send_cargo_num}}
</view>
<text class="iconfont icon-car"></text>
<view class="red-point" hidden="{{!infoNum.send_cargo_num}}">
{{infoNum.send_cargo_num>100?'99+':infoNum.send_cargo_num}}
</view>
待收货
</view>
... ... @@ -59,28 +53,30 @@
<view class='action-item address' bindtap='toAddress'>
<view class='item-sub-view'>
<view class="left-icon-image">
<image src="../../static/images/address-ic@2x.png" class="icon-image"></image>
<text class="iconfont icon-location"></text>
</view>
<view class="address-title">地址管理</view>
</view>
<image class='arrow-image' src='../../static/images/arrow_right@2x.png'></image>
<view class="right-desc"><text class="iconfont icon-right"></text></view>
</view>
<view class='action-item' catchtap='toService'>
<view class='item-sub-view'>
<view class="left-icon-image">
<image src="../../static/images/fwyfk-ic@2x.png" class="icon-image"></image>
<text class="iconfont icon-service"></text>
</view>
<view class="address-title">服务与反馈</view>
</view>
<image class='arrow-image' src='../../static/images/arrow_right@2x.png'></image>
<view class="right-desc"><text class="iconfont icon-right"></text></view>
</view>
<view class="view-splite clearfix"/>
<view class='titleContainer'>
<view class='titleLine'></view>
<view class='titleDesc'> 为你优选</view>
<view class='titleDesc'>为你优选</view>
</view>
<view class="product-list">
<product-list list="{{productList}}"></product-list>
</view>
<view class="product-list"><product-list list="{{productList}}"></product-list></view>
<copyright></copyright>
</view>
</view>
</scroll-view>
\ No newline at end of file
</scroll-view>
... ...
... ... @@ -38,7 +38,6 @@ page {
.header_bg {
position: absolute;
width:100%;
/* height: 5.5rem; */
height:220rpx;
top: 0;
right: 0;
... ... @@ -103,17 +102,33 @@ page {
.my-order-title {
height: 100rpx;
line-height: 100rpx;
display: flex;
padding: 0 .75rem;
padding-right: 0;
font-size: 32rpx;
/* font-weight: 500; */
line-height: 2.2rem;
border-top: 1px solid #e0e0e0;
flex-direction: row;
align-items: center;
}
.my-page .right-desc {
padding-right: 30rpx;
color: #aeaeae;
font-size: 28rpx;
}
.my-page .right-desc .desc {
display: inline-block;
vertical-align: middle;
}
.my-page .right-desc .iconfont {
font-size: 50rpx;
vertical-align: middle;
margin-left: -10rpx;
}
.my-page .my-order .order-type {
padding: .5rem 0;
text-align: center;
... ... @@ -132,20 +147,23 @@ page {
line-height: 1.5;
flex: 1;
}
.red-point{
display:block;
background:#d0021b;
border-radius:50%;
padding: 4rpx;
width:wrap;
height:wrap;
min-width: 30rpx;
min-height: 30rpx;
top:0rpx;
right:76rpx;
position:absolute;
font-size: 22rpx;
.my-order .type-item .iconfont {
display: block;
font-size: 46rpx;
}
.my-order .type-item .red-point{
min-width: 40rpx;
height: 40rpx;
line-height: 40rpx;
font-size: 24rpx;
color: white;
background-color: #d0021b;
border-radius: 20rpx;
top: 0rpx;
right: 76rpx;
position:absolute;
}
.service-text {
... ... @@ -159,28 +177,12 @@ page {
border-bottom: 0;
}
.icon-image {
width:60rpx;
height:60rpx;
}
.img-bind {
width: 80rpx;
height: 38rpx;
display: block;
position: absolute;
bottom: 1rem;
left: 4.7rem;
}
.vip-icon-image {
width: 70rpx;
height: 40rpx;
display: flex;
position: absolute;
top:130rpx;
/* bottom: 110rpx; */
/* left: 4.7rem; */
left: 190rpx;
}
... ... @@ -209,6 +211,13 @@ page {
margin-left: 30rpx;
width: 60rpx;
height: 60rpx;
line-height: 60rpx;
text-align: center;
}
.my-page .action-item .left-icon-image .iconfont {
font-size: 56rpx;
color: #444;
}
.my-page .action-item .address-title {
... ... @@ -224,34 +233,14 @@ page {
.my-page .action-item .arrow-text {
text-align: center;
/* margin-right: 10rpx; */
color: #aeaeae;
font-size:29rpx;
}
.arrow-text {
text-align: center;
/* margin-right: 10rpx; */
color: #aeaeae;
font-size:29rpx;
}
.my-page .action-item .arrow-image {
/* text-align: center;
margin-right: 30rpx;
color: #aeaeae;
font-size:29rpx; */
height: 30rpx;
width: 30rpx;
margin-right:20rpx
}
.arrow-image {
/* text-align: center;
margin-right: 30rpx;
color: #aeaeae;
font-size:29rpx; */
height: 30rpx;
width: 30rpx;
margin-right:20rpx
}
.my-page .my-service {
padding: .5rem .75rem;
... ... @@ -332,4 +321,4 @@ page {
.product-list {
background-color: #fff;
padding: 0 0 60rpx 0;
}
\ No newline at end of file
}
... ...
... ... @@ -48,7 +48,7 @@
<view wx:elif="{{item.links.length > 0}}" class="order-opt">
<block wx:if="{{item.counter_flag == 'Y' && item.is_cancel != 'Y' && item.pay_lefttime > 0}}">
<view class="counterView">
<image class="timeIcon" src='../../../static/images/shijian@3x.png'></image>
<text class="iconfont icon-time-fill"></text>
<text class="counter">剩余 {{item.time_left}}</text>
</view>
</block>
... ...
... ... @@ -189,9 +189,8 @@ image {
box-sizing: border-box;
}
.order .order-opt .counterView .timeIcon{
height: 24rpx;
width: 24rpx;
.order .order-opt .counterView .iconfont{
color: #444;
}
.order .order-opt .counterView .counter{
... ...
... ... @@ -20,10 +20,8 @@
<view class="supportService"
style="display: {{productSupportServiceList.length>0?'block':'none'}} ;flex-direction: row; display: flex;">
<view class="supportService-item" wx:for="{{productSupportServiceList}}" wx:key="supportService">
<image src="../../../static/images/checked@2x.png" class="support-service-image" mode="widthFix"
style="display:{{item.flag===1?'block':'none'}};{{index > 0 ? 'margin-left:30px':'margin-left:15px'}};"></image>
<image src="../../../static/images/tip-gray@2x.png" class="support-service-image" mode="widthFix"
style="display:{{item.flag!==1?'block':'none'}};{{index > 0 ? 'margin-left:30px':'margin-left:15px'}};"></image>
<text wx:if="{{item.flag == 1}}" class="iconfont icon-duihao-fill"></text>
<text wx:else class="iconfont icon-warn-fill unsupport-icon"></text>
<text class="support-service-title">{{item.title}}</text>
</view>
</view>
... ... @@ -119,7 +117,7 @@
<quick-navigation show-menu="{{true}}" show-back-top="{{showBackTop}}" show="{{true}}"
bindbacktop="backTop" margin-bottom="{{150}}"></quick-navigation>
<snapshot isShow="{{showSnapshootShare}}" sourceType="product" shareData="{{snapshootShareData}}"
<snapshot isShow="{{showSnapshootShare}}" sourceType="product" shareData="{{snapshootShareData}}"
bind:hiddenSheet="hideSnap"></snapshot>
<template is="Picker" data="{{pickerData, loadingForPayment}}"/>
<template is="zan-actionsheet" data="{{...actionSheet}}"/>
\ No newline at end of file
<template is="zan-actionsheet" data="{{...actionSheet}}"/>
... ...
... ... @@ -5,7 +5,7 @@
}
.topContainer{
}
.swiper-box{
... ... @@ -289,6 +289,21 @@
flex-direction: row;
}
.supportService-item .iconfont {
color: #fb686e;
font-size: 32rpx;
margin-left: 60rpx;
margin-right: 2rpx;
}
.supportService-item .iconfont:first-child {
margin-left: 30rpx;
}
.supportService-item .unsupport-icon {
color: #b0b0b0;
}
.support-service-title{
color: #444444;
font-size: 12px;
... ... @@ -819,9 +834,9 @@
.product-list.shop-rec {
padding-bottom: 60rpx;
}
.product-list.prefer {
padding-bottom: 60rpx;
}
\ No newline at end of file
}
... ...
... ... @@ -4,7 +4,7 @@
</view>
<view class="list-view">
<view class="no-res" wx:if="{{noResult}}">
<image class="no-res-img" src="../../../static/images/nosearch-ic@3x.png"></image>
<image class="no-res-img" src="https://cdn.yoho.cn/yoho-brand-shop/assets/img/product/no-search-icon.png"></image>
<view class="no-res-txt">未搜索到任何相关商品</view>
</view>
<view wx:if="{{productList.length}}">
... ... @@ -15,4 +15,4 @@
</view>
<copyright class="copy-right"></copyright>
<quick-navigation show-menu="{{true}}" show-back-top="{{showBackTop}}" bindbacktop="backTop"></quick-navigation>
</view>
\ No newline at end of file
</view>
... ...
<view class="search-container">
<view class="top-search">
<input class="search-input" value="{{query}}" confirm-type="search" placeholder="潮流单品搜一下"
<input class="search-input" value="{{query}}" confirm-type="search" placeholder="潮流单品搜一下"
bindconfirm="confirmQuery" bindinput="bindQueryInput"
placeholder-class="placeholder" auto-focus/>
<image wx:if="{{query}}" catchtap="clearQuery" class="clear-query" src="../../../static/images/clear@2x.png"></image>
... ... @@ -10,15 +10,15 @@
<product-list-filter bind:sortchange="sortChange"></product-list-filter>
</view>
<view class="no-res" wx:if="{{noResult}}">
<image class="no-res-img" src="../../../static/images/nosearch-ic@3x.png"></image>
<image class="no-res-img" src="https://cdn.yoho.cn/yoho-brand-shop/assets/img/product/no-search-icon.png"></image>
<view class="no-res-txt">未搜索到任何相关商品</view>
</view>
<view wx:if="{{productList.length > 0}}" class="product-list">
<product-list list="{{productList}}"
show-loading="{{showLoading}}"
<product-list list="{{productList}}"
show-loading="{{showLoading}}"
show-no-more="{{showNoMore}}">
</product-list>
</view>
</view>
<quick-navigation show-back-top="{{showBackTop}}" bindbacktop="backTop"></quick-navigation>
</view>
</view>
... ...

1.19 KB | W: | H:

558 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin

969 Bytes | W: | H:

490 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin

1.16 KB | W: | H:

683 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin

10.6 KB | W: | H:

9.03 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

133 KB | W: | H:

113 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

392 Bytes | W: | H:

220 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin

341 Bytes | W: | H:

203 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin

11.2 KB | W: | H:

5.55 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin