1最好不要用头发遮,如果一定要,清保持头发清洁
2左脸长痘痘貌似是肝火,晚上11:00-1:00是肝部排毒的时间,这个时候一定要熟睡才能排毒的,所以不要熬夜。
3少吃巧克力之类带刺激性的甜食
4注意补水,不要用手挤,会留印的
5如果你是生理期长这个的话,那只有等生理期过了,没办法;如果是因为青春期的话,因为我也是你这个年纪开始长的,所以只能尽量护理了,可以去看看中医,因为一般青春期长痘痘可能是因为内分泌不调。
6可以做面膜,我用的雪完美的面膜还不错,屈臣氏有卖,注意不要让脸上太油,不要用很油的化妆品,定期做清洁面膜。至于去痘痘的东西可以试试理肤泉的痘痘清乳液。不过你现在还挺小,面膜不要太频繁,避免肌肤负担过重。
7春季长痘可以去刮痧,从背部排毒
额~我暂时想到这些,一般来说痘痘快的话几天,至多一个礼拜就会消,如果是青春痘就会此起彼伏的长,那就要注意了。最后祝你的痘痘早日不见
本篇文章主要介绍了微信小程序实战篇之购物车的实现代码示例,详细的介绍了购物车的功能实现,具有一定的参考价值,有兴趣的可以了解一下
哈喽,大家好,快半个月没写了,现在提笔都有点生硬了,一直没更新的原因,一个是代码君也要上班,加上最近工作比较忙,还有就是写文章一直未被认可,所以没什么动力再创作了,那时真的坚持不下去,打算放弃了,感谢读者曹明,一个韩国的研究生读者,支持我,并给我鼓励,期待我更新下一篇,我非常感动,瞬间战斗力恢复,其实你们简单的点赞,评论,都是给我最大的支持,好了,煽情完毕,该讲今天的重点了,购物车,购物车的界面实现到不是很难,难点是处理里面的逻辑,无论是小程序,还是APP,购物车的逻辑都是最难的,下面开始教大家如何实现购物车了,先上效果图
购物车实现
cartwxml
<import src="/template/quantity/indexwxml" />
<scroll-view class="scroll" scroll-y="true">
<view class="separate"></view>
<view wx:for="{{carts}}">
<view class="cart_container">
<image class="item-select" bindtap="switchSelect" data-index="{{index}}" data-id="{{index}}" src="{{itemisSelect'//images/cart/comment_selectpng':'//images/cart/comment_normalpng'}}" />
<image class="item-image" src="{{itempic}}"></image>
<view class="column">
<text class="title">{{itemname}}</text>
<view class="row">
<text class="sku-price">¥</text>
<text class="sku-price">{{itemprice}}</text>
<view class="sku">
<template is="quantity" data="{{ itemcount, componentId: index }}" />
</view>
</view>
</view>
</view>
<view class="separate"></view>
</view>
</scroll-view>
<view class="bottom_total">
<view class="bottom_line"></view>
<view class="row">
<image class="item-allselect" bindtap="allSelect" src="{{isAllSelect'//images/cart/comment_selectpng':'//images/cart/comment_normalpng'}}" />
<text class="small_text">全选</text>
<text>合计:¥ </text>
<text class="price">{{totalMoney}}</text>
<button class="button-red" bindtap="toBuy" formType="submit">去结算</button>
</view>
</view>布局不是很复杂,一个循环列表,循环出购物车商品,外加一个结算的底部控件,还需要提醒的是,循环列表外面要加一层scroll-view,这样当数据很多是时候,可以滚动,不熟悉scroll-view的,请自行翻看前面几篇文章,里面有讲解
catwxss
/ pages/cart/cartwxss /
cart_container {
display: flex;
flex-direction: row;
}
scroll {
margin-bottom: 120rpx;
}
column {
display: flex;
flex-direction: column;
}
row {
display: flex;
flex-direction: row;
align-items: center;
}
sku {
margin-top: 60rpx;
margin-left: 100rpx;
}
sku-price {
color: red;
position: relative;
margin-top: 70rpx;
}
price {
color: red;
position: relative;
}
title {
font-size: 38rpx;
margin-top: 40rpx;
}
small_text {
font-size: 28rpx;
margin-right: 40rpx;
margin-left: 10rpx;
}
item-select {
width: 40rpx;
height: 40rpx;
margin-top: 90rpx;
margin-left: 20rpx;
}
item-allselect {
width: 40rpx;
height: 40rpx;
margin-left: 20rpx;
}
item-image {
width: 180rpx;
height: 180rpx;
margin: 20rpx;
}
bottom_line {
width: 100%;
height: 2rpx;
background: lightgray;
}
bottom_total {
position: fixed;
display: flex;
flex-direction: column;
bottom: 0;
width: 100%;
height: 120rpx;
line-height: 120rpx;
background: white;
}
button-red {
background-color: #f44336; / 红色 /
}
button {
position: fixed;
right: 0;
color: white;
text-align: center;
display: inline-block;
font-size: 30rpx;
border-radius: 0rpx;
width: 30%;
height: 120rpx;
line-height: 120rpx;
}wxss样式没什么可说的,了解其属性,调用class就好,重点说一下cartjs,全篇的逻辑都在这里面
cartjs
// pages/cart/cartjs
var Temp = require('//template/contractjs');
Page(Objectassign({}, TempQuantity, {
data: {
isAllSelect:false,
totalMoney:0,
// 商品详情介绍
carts: [
{
pic: "http://mzdjmallxmispcn/files/product/20161201/148058328876jpg",
name:"日本资生堂洗颜",
price:200,
isSelect:false,
// 数据设定
count: {
quantity: 2,
min: 1,
max: 20
},
},
{
pic: 'http://mzdjmallxmispcn/files/product/20161201/148058301941jpg',
name: "倩碧焕妍活力精华露",
price: 340,
isSelect: false,
// 数据设定
count: {
quantity: 1,
min: 1,
max: 20
},
},
{
pic: 'http://mzdjmallxmispcn/files/product/20161201/14805828016jpg',
name: "特效润肤露",
price: 390,
isSelect: false,
// 数据设定
count: {
quantity: 3,
min: 1,
max: 20
},
},
{
pic: 'http://mzdjmallxmispcn/files/product/20161201/148058228431jpg',
name: "倩碧水嫩保湿精华面霜",
price: 490,
isSelect: false,
// 数据设定
count: {
quantity: 1,
min: 1,
max: 20
},
},
{
pic: 'http://mzdjmallxmispcn/files/product/20161201/148057953326jpg',
name: "兰蔻清莹柔肤爽肤水",
price: 289,
isSelect: false,
// 数据设定
count: {
quantity: 10,
min: 1,
max: 20
},
},
{
pic: "http://mzdjmallxmispcn/files/product/20161201/148057921620_middlejpg",
name: "LANCOME兰蔻小黑瓶精华",
price: 230,
isSelect: false,
// 数据设定
count: {
quantity: 1,
min: 1,
max: 20
},
},
],
},
//勾选事件处理函数
switchSelect: function (e) {
// 获取item项的id,和数组的下标值
var Allprice = 0,i=0;
let id = etargetdatasetid,
index = parseInt(etargetdatasetindex);
thisdatacarts[index]isSelect = !thisdatacarts[index]isSelect;
//价钱统计
if (thisdatacarts[index]isSelect) {
thisdatatotalMoney = thisdatatotalMoney + thisdatacarts[index]price;
}
else {
thisdatatotalMoney = thisdatatotalMoney - thisdatacarts[index]price;
}
//是否全选判断
for (i = 0; i < thisdatacartslength; i++) {
Allprice = Allprice + thisdatacarts[i]price;
}
if (Allprice == thisdatatotalMoney)
{
thisdataisAllSelect=true;
}
else
{
thisdataisAllSelect = false;
}
thissetData({
carts: thisdatacarts,
totalMoney: thisdatatotalMoney,
isAllSelect: thisdataisAllSelect,
})
},
//全选
allSelect: function (e) {
//处理全选逻辑
let i = 0;
if (!thisdataisAllSelect)
{
for (i = 0; i < thisdatacartslength; i++) {
thisdatacarts[i]isSelect = true;
thisdatatotalMoney = thisdatatotalMoney + thisdatacarts[i]price;
}
}
else
{
for (i = 0; i < thisdatacartslength; i++) {
thisdatacarts[i]isSelect = false;
}
thisdatatotalMoney=0;
}
thissetData({
carts: thisdatacarts,
isAllSelect: !thisdataisAllSelect,
totalMoney: thisdatatotalMoney,
})
},
// 去结算
toBuy() {
wxshowToast({
title: '去结算',
icon: 'success',
duration: 3000
});
thissetData({
showDialog: !thisdatashowDialog
});
},
//数量变化处理
handleQuantityChange(e) {
var componentId = ecomponentId;
var quantity = equantity;
thisdatacarts[componentId]countquantity = quantity;
thissetData({
carts: thisdatacarts,
});
}
}));介绍一下用到的参数
isAllSelect:是否全选
totalMoney:总金额
carts :购物车商品数据
switchSelect 勾选按钮需要做的逻辑处理
判断是否达到全部勾选,如果全部勾选,底部的全选按钮要点亮,判断依据是,价钱是否等于总价,当然这只是一种判断方式,读者也可以通过勾选的数量判断,
对勾选或取消的按钮,进行总价的加减法计算
thissetData,更新数据,这个是重点,每次处理完数据,都要记得更新数据
allSelect 全选按钮的逻辑处理
全选就把每个item勾选图标点亮,然后统计总价钱,不全选就置为灰色,总价钱为0
thissetData更新数据
微信小程序数据处理
一、修改数据方式
data:{
name:'我是初始化的name'
}1、thisdataname
thisdataname='我是代码君data'2、thissetData
thissetData({
name:'我是代码君setData'
})这两种方式都可以改变数据,thissetData的好处是可以有刷新的效果,即实时更新数据
二、修改对象数组
data:{
person:{
name:'代码君',
city:'厦门'
}
}修改全部对象
thissetData({
person:{
name:'新代码君',
city:'湖南'
}
})修改部分数据
thissetData({
'personname': '代码君只修改名字'
})
//多个数组用这个
thissetData({
'person[0]name': '代码君只修改名字'
})三、添加删除数据
1、添加数据concat
//假设这一段是我们要新增的数组
var newarray = [{
name:'增加的数据--'+new Date()getTime() ,
}];
//向前--用newarray与thisdatalist合拼
thisdatalist = newarrayconcat(thisdatalist);
//向后--用thisdatalist与newarray合拼
thisdatalist = thisdatalistconcat(newarray);2、删除数据splice()删除数据,然后返回被删除的数据
//删除
remove:function (e){
var dataset = etargetdataset;
var Index = datasetindex;
//通过index识别要删除第几条数据,第二个数据为要删除的项目数量,通常为1
thisdatalistsplice(Index,1);
//渲染数据
thissetData({
list:thisdatalist
});
}3、清空数据
//清空
clear:function (){
//其实就是让数组变成一个空数组即可
thissetData({
list:{}
});
}上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
使用dataset如何实现延时加载
在jquery中有关手机触屏滑动功能
在Mac中如何安装nvm(详细教程)
在微信小程序中如何实现时间功能
中文姓名:谢欣
身 高:174米
家庭状况:父(工程师 - 武汉人)、母(武汉协和医院医生 - 武汉人)
国 籍:中国并持有英国永久居住许可证
贯 籍:湖北武汉
血 型:AB
语 言:国语、武汉话、少许日语、少许英语、意大利文(会讲及看)
星 座:射手座
生 肖:兔
学 历:本科
喜爱菜系:意大利菜,中国菜,日本菜
喜爱饮料:红酒,咖啡
喜爱的小吃:小笼包,鸭脖子,生鱼片,海鲜
喜爱的颜色:冰蓝,酒红
喜爱的天气:秋天
喜爱的收集:绝版CD 男士香水
喜爱的数字:8 6
喜爱的时装品牌:路易威登 范思哲川久保玲杰尼亚 迪奥 D&G
喜爱的护肤品:兰蔻 倩碧 碧欧泉 迪奥
喜爱的饰品:卡地亚 宝嘉丽
喜爱国家:日本,意大利,英国,美国,法国
喜爱的汽车:法拉利
喜爱的艺人:郑秀文
喜爱的衣着:自然、舒适
喜爱的花:蓝色妖姬、香水百合、黑玫瑰
喜爱运动:高尔夫、网球、健身、游泳
喜爱的座右铭:做人坦诚,永远摆正自己的位置,力争最好,不当第一
喜爱**:《God Father》 、 《Pulp fiction》 、 《Citizen Kane》
喜爱的音乐:rock punk 、 Jazz 、 hip hop 、 trip hop 、urban music
讨厌的食物:香菜,芹菜,生姜,大蒜
讨厌饮料:碳酸饮料,啤酒
讨厌的人:不讲信用,不真诚,撒谎的人
粉丝别名:(星光)
圈中好友:梁军,侯俊,朱雷,杨瑞,杨光,DJ余迪伟,关涛,林秀丽,王蒙,mimo,钱孟,cookies 3饼,陆健,kary,DJ朱薰,DJ余宜发,徐礼,吴迪,张凯,杨虎,DJ玩多拉,DJ少爷占,sim,张静,邓嘉颖,yumiko,侯威,施敏,杨煌,hong子妮,Andy Lau,Krusty成员Jan,王晓雪,Niki Chow,恺心,劲风,有耳非文,乌拉瓜,何丽拉,江宁,陈正峰,亚喱等
假期会做的是:聚会和旅行,或者和朋友打球或其他运动。近日又重拾绘画和摄影等从前的兴趣。
会见的人通常是:朋友和商务伙伴
会去的地方是:很多可以去的地方,有时间的话可能会去玩杀人游戏。
在家的时间是:近来放假多了在家学习剪片。
最大的愿望:环游世界
最想旅行的地方是:※尼泊尔,想自己一个人背个背囊去虽然自己没有宗教信仰,但很尊重佛教,中国、日本、印度、尼泊尔的佛教都各有不同,很有兴趣研究一下看一下。
※西班牙,他们有独特的文化,懂得享受生活之馀却又很勤力。
※巴西,从没有到过南美洲所以想去旅行一下,巴西会是理想的第一站。
最难忘的一次是:两年前和姐姐去了法国滑雪和玩snowboard。那是一个名叫Chamonix的美丽法国山区,很少游客前往。那次我们登上12,000呎高的雪山,全长24km的雪道需要6小时才能滑下来。我们几个人一同滑下,周围很美丽,很宁静,那种感觉很自由。
理想抱负:成为一个出色演员,更想成为一个出色的导演。
别人评价:平易近人,谦虚、待人有礼貌、又很努力,是个很适合谈心的朋友,很懂得享受生活,很小资。
性格:性格非常纯良;优雅「我是个Simple(简单)的人,我会follow自己理想,想做甚么便去做。」很喜欢做菜,他还很会做西餐,实在像个住家小男人啊!
电脑:谢欣对**及音乐也有很大兴趣,他认为电脑更是生活不可缺少的一部分。「我常用来写电子邮件、看有关时尚的网页。而网上看证券交易所市场也是我最大兴趣之一,因为要打理我自己的投资呢!」
资料:由武汉演艺界舞台演员晋身成为知名舞台剧幕后策划一谢欣(benny)。对于谢欣来说,当导演比演员好,能去打造不同的角色,也不用被人认定是专演某一类型人。「我喜欢当演员,但我更喜欢当导演,当导演很有挑战性。」benny认为演技是重要,但是一整套戏不光是靠演技。「有演技不一定相等于一套戏本身好看,反而剧本好,好的导演才是最重要,其他也是次要。」
现任经理人兼助理:陈强
所属公司:2001~2005 武汉擎天娱乐股份有限公司
20087~20107 武汉水上皇都娱乐股份有限公司
20109~至今 武汉东星娱乐股份有限公司
欢迎分享,转载请注明来源:品搜搜测评网