fe / yohoblk-wap · Commits

Go to a project

Authored by 沈志敏
Commit 8aea592c6a692fa94832f3f3b52dad3755766fdc 1 parent 17bcf469

式样调整

Inline Side-by-side
Showing 5 changed files with 46 additions and 213 deletions
... ... @@ -70,7 +70,7 @@
帮助中心
<span class="num"><span class="icon icon-right"></span></span>
</a>
<a class="list-item" href="/home/onlineService">
<a class="list-item" href="/home/online-service">
在线客服
<span class="num"><span class="icon icon-right"></span></span>
</a>
... ...
... ... @@ -29,7 +29,8 @@
height: 35px;
margin-right: 15px;
margin-top: 80px;
background: resolve("home/fav/fav-del.png");
background: resolve("home/fav/fav-del.png");
background-size: 100%;
}
}
... ... @@ -151,9 +152,10 @@
list-style: none;
li {
height: 130px;
height: 135px;
overflow: hidden;
margin-top: 20px;
border-bottom: 1px solid #e0e0e0;
}
.fav-del {
... ... @@ -168,7 +170,8 @@
height: 35px;
margin-right: 15px;
margin-top: 35px;
background: resolve("home/fav/fav-del.png");
background: resolve("home/fav/fav-del.png");
background-size: 100%;
}
}
... ... @@ -193,11 +196,10 @@
.fav-info-list {
color: #444;
font-size: 24px;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 20px;
padding-bottom: 10px;
margin-right: 10px;
margin-top: 35px;
height: 125px;
height: 100px;
overflow: hidden;
position: relative;
... ...
... ... @@ -3,167 +3,8 @@
@import "feedback";
@import "fav";
@import "about-us";
.my-page {
color: #444;
background: #f0f0f0;
a {
color: #000;
}
.user-info {
display: block;
position: relative;
padding: 0 30px;
color: #000;
font-size: 34px;
line-height: 138px;
height: 469px;
background-size: cover;
background: resolve("home/header-bg.png");
text-align: center;
.user-avatar {
display: inline-block;
position: relative;
top: 90px;
width: 200px;
height: 200px;
border-radius: 50%;
border: 6px solid #a7a8a9;
background: resolve("home/user-icon.png");
background-size: 100%;
}
.username {
display: inline-block;
padding: 0 16px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 32px;
max-width: 260px;
}
}
.login-btn {
display: inline-block;
top: 40px;
left: 194px;
width: 244px;
height: 82px;
line-height: 82px;
color: #fff;
border: 4px solid #fff;
margin: 150px auto;
}
.my-order {
margin-bottom: 30px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
background: #fff;
.order-title {
display: block;
padding: 0 29px;
font-size: 34px;
line-height: 88px;
span {
color: #e0e0e0;
float: right;
}
&.highlight {
background: #eee;
}
.read-order {
font-size: 30px;
}
}
.order-type {
padding: 20px 30px;
text-align: center;
border-top: 1px solid #e0e0e0;
.type-item {
position: relative;
float: left;
color: #444;
font-size: 24px;
line-height: 1.5;
width: 170px;
&.highlight {
background: #eee;
}
.num {
position: absolute;
top: -24px;
right: 36px;
width: 72px;
height: 72px;
font-size: 34px;
line-height: 72px;
color: #fff;
background: #f03d35;
text-align: center;
border-radius: 50%;
transform: scale(0.5);
}
}
}
}
.group-list {
margin-bottom: 30px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
background: #fff;
.list-item {
display: block;
position: relative;
padding: 0 30px;
font-size: 34px;
line-height: 90px;
overflow: hidden;
&.highlight {
background: #eee;
}
&:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 0;
border-top: 1px solid #f0f0f0;
}
&:last-child:after {
content: none;
}
}
.icon {
margin-right: 5px;
font-size: 34px;
vertical-align: top;
}
.num {
color: #b0b0b0;
float: right;
}
}
}
@import "order";
@import "coin";
/*@import "order-detail";*/
\ No newline at end of file
/*@import "order-detail";*/
... ...
... ... @@ -26,8 +26,6 @@
<script>
const $ = require('yoho-jquery');
const tip = require('common/tip');
const modal = require('common/modal');
const loading = require('common/loading');
module.exports = {
props: ['brandUrl'],
... ... @@ -74,26 +72,23 @@
},
delItem(index, id) {
let _this = this;
$.modal.confirm('', '确定刪除该收藏吗？', function() {
this.hide();
$.ajax({
method: 'post',
url: '/home/favorite/favdel',
data: {
favId: id,
type: 'brand'
}
}).then(function(data) {
if (data.code === 200) {
_this.brandData.splice(index, 1);
} else if (data.code === 400) {
$.modal.alert(data.message, '出错了！');
} else {
$.modal.alert('', '刪除收藏失败');
}
}).fail(function() {
$.modal.alert('', '网络错误');
});
$.ajax({
method: 'post',
url: '/home/favorite/favdel',
data: {
favId: id,
type: 'brand'
}
}).then(function(data) {
if (data.code === 200) {
_this.brandData.splice(index, 1);
} else if (data.code === 400) {
tip(data.message);
} else {
tip('刪除收藏失败');
}
}).fail(function() {
tip('网络错误');
});
}
}
... ...
... ... @@ -34,8 +34,6 @@
<script>
const $ = require('yoho-jquery');
const tip = require('common/tip');
const modal = require('common/modal');
const loading = require('common/loading');
module.exports = {
props: ['productUrl'],
... ... @@ -81,26 +79,23 @@
},
delItem(index, id) {
let _this = this;
$.modal.confirm('', '确定刪除该收藏吗？', function() {
this.hide();
$.ajax({
method: 'post',
url: '/home/favorite/favdel',
data: {
favId: id,
type: 'product'
}
}).then(function(data) {
if (data.code === 200) {
_this.productData.splice(index, 1);
} else if (data.code === 400) {
$.modal.alert(data.message, '出错了！');
} else {
$.modal.alert('', '刪除收藏失败');
}
}).fail(function() {
$.modal.alert('', '网络错误');
});
$.ajax({
method: 'post',
url: '/home/favorite/favdel',
data: {
favId: id,
type: 'product'
}
}).then(function(data) {
if (data.code === 200) {
_this.productData.splice(index, 1);
} else if (data.code === 400) {
tip(data.message);
} else {
tip('刪除收藏失败');
}
}).fail(function() {
tip('网络错误');
});
}
}
... ...