知乎https://zhuanlan.zhihu.com/p/125770887?utm_campaign=shareopn&utm_medium=social&utm_psn=1852313660095074304&utm_source=wechat_session&utm_id=0
有问题就会有答案
 
 

来了!微信小程序、五款最受欢迎的UI框架解读

4 年前 · 来自专栏 微信小程序开发系列
JeenWang
JeenWang
热心的程序员
 
来了!微信小程序、五款最受欢迎的UI框架解读
微信小程序开发,页面编写占比较高,熟悉 html 和 css 的同学,建议直接使用 html+css ,不熟悉的同学则可以使用下面任意一个UI框架 ,就像在报修小程序中,我们是有使用了一点 iView WeApp 。

下面我总结一下市面上比较常用的几款 UI 框架 ,并给出我的使用心得,供大家参考。

1、WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 GitHub 地址: 效果:https://weui.io 开发文档参考:

 

使用心得:

WeUI 使用简单,风格微信原生风格,以绿色为主色 ,主要是两个大版本 ,1.x版本和2.x版本 ,相比1.x版本来说,2.x版本视觉上更好。

WeUI 使用第一个问题 ,文档不是很详细 ,访问 

 
 
发布于 2020-04-05 23:29

内容所属专栏

微信小程序开发系列

微信小程序开发系列

背叛感情的人会有因果报应吗?
小尘
结婚六周年,我从国外飞回来,准备给老公一个惊喜。到楼下时,却看到一个年轻少女跟他紧紧拥在一起。我僵在原地,看他们热烈地拥吻。抬眼时,老公发现了我,他将女孩护在身后,两人十指相扣。他说:「就是你看到的那样。」1天才画家顾淮南携新作「缪斯」归来,多年后重回巅峰。画展上,他所有作品均高价出售,除了最引人注目的「缪斯」。那是一幅惟妙惟肖的油画。溶溶月色下,湖面铺着碎光,头戴鲜花的少女坐在小船上,美得像落入凡尘的仙子。他说:「这是非卖品,千金不换。」记者问他:「画中的女孩是谁?」他笑得很温柔:「她是我此生挚爱。」那天,我收到了顾淮南寄给我的离婚协议书,钱和房子都归我,他净身出户。我看到网上的视频直播,拨了电话过去:「恭喜啊,画展很成功。」他语气淡漠:「与你无关。」「怎么无关?」我拔高声调,质疑道,「画展赚大钱了吧?离婚协议里没算这部分财产。」对面冷哼一声:「孟姚,你眼里就只有钱。」我哂笑道:「钱比人可靠。」他沉默半晌:「明天让律师给你寄新的协议。」我爽快答应:「好,从此恩断义绝。」「两不相……」他话还未说完,我就挂断了电话,仿佛多听一秒都是浪费。很难想象,四个月前的今天,我还在祈愿,与他一生一世一双人。2那天是我们结婚六周年纪念日,情人节。我悄悄从法国飞回来,想给顾淮南一个惊喜。到公寓楼下时,看见一个年轻少女提着行李,独自站在雪里。她脸颊冻得通红,讲电话的声音却十分雀跃:「猜猜我在哪儿?」对面不知说了什么,女孩的眉眼舒展开,娇声说道:「我想你,就来见你了。」我回想起大学时期,和顾淮南异地恋。相思难抵时,我们也会这般,买张票义无反顾奔向对方。被这一幕触动,我掏出手机想给顾淮南拨个电话。下一瞬,却看见他从楼道里出来。少女径直跑向他,用力扑进他怀里。他将她紧紧搂住,像接住了稀世珍宝。他们在寂静的雪夜,热烈地、长久地拥吻。我僵在原地,看他们汹涌的爱意。顾淮南抬眼时,终于发现不远处呆立的我。我拖着行李艰难向前,几步之遥,像隔了千山万水。他第一反应是将怀里的女孩护到身后。女孩有些慌张,扯住顾淮南的衣袖,小声问:「她是谁呀?」我一时间不知道要做出何种表情,在他们面前站定,淡淡道:「我是他的妻子。」女孩闻言,一下蹿到顾淮南身前,做出保护的姿态。「都是我的错,求你别怪他。」她说话的声音细细软软,梨花带雨,我见犹怜。我哑然失笑,望向后方面色纠结的男人:「不说点什么吗?」顾淮南抿了抿唇,目光沉下来,像是做好了某种决定。他走上前与女孩并肩,牵起她的手,十指紧扣,对我说:「就是你看到的这样。」大约是风雪太大,我被冻得思想都麻木了。没有哭闹,没有咒骂,我只是安静地转身回了家。顾淮南没有追上来。3家里阳台的窗户大开着,冷风呼呼往里窜。我甚至能想象到顾淮南接到电话,打开窗,看到少女亭亭立于楼下时,又惊又喜的样子。旁边支着的画架还来不及收拾,画纸上未完成的作品跃入眼帘,主人公俨然是方才的少女。她手捧玫瑰,长发随风而舞,脸上带着见到恋人时的娇羞。曾经,顾淮南也这样用心地画过我。我和他十六岁相识在高中校园。那时他很出名,富家少爷,学霸校草,各种光环集于一身。我是农村出来的,云泥之别,本不会有交集,却偏偏和他成了同桌。我英语学得不好,普通话也带着点乡音,经常被同学笑话。他维护我,也很耐心教我。少年说话总是带笑,微微展颜,便灿若千树花开。我暗恋了他三载春夏,从不敢肖想,他也喜欢我。高考结束,他没有像大家预想中那样填报清北,反倒选了美院。他说画画是他毕生梦想,家人也很支持。他有资本有任性,可我没有。以我当时的成绩,最好的选择是去南方的一所学校,与他相隔千里。那年暑假,他来我家的小山村采风,请我做向导。我们一起看山坡的花,林间的鸟,天上的云……最后一天,我妈拿出自家酿的梅子酒招待他。他酒量真差,一杯就倒。梦里说了醉话,他说:「孟姚,我喜欢你。」我帮他收拾东西,发现,他的画里全都是我。离开时,我送他去车站,一路走得很慢,很想问他:「昨晚的话作不作数?」没想到,最终是他先开了口。他说:「孟姚,如果我现在表白,会不会太晚?」不晚,只要是他,任何时候都不会晚。我们在一起了。大学四年异地恋,他给足了我爱和安全感,让我清清楚楚知道,自己是被偏爱的那一个。我常肆无忌惮笑他:「顾淮南,你好爱我呀。」他会轻轻勾起唇角,然后低头吻我,每个表情都宣告着认真。从十八岁到二十八岁,我们相爱十年。无数个昨日在脑中呼啸而过。压抑的情绪终于爆发,我崩溃地将画撕得粉碎。4我一个人在沙发上独坐到天明。顾淮南回来的时候,身上带着不属于他的香气。他见到我,眼中有几分愧疚:「对不起。」我双目赤红,一开口声音也是哑的:「什么时候开始的?」他很坦率说了他们的过往。那个女孩叫苏缈缈,是美院的大四学生,也是学画画的。去年他回母校参加校庆认识的。她欣赏顾淮南的才华,是他忠实且炙热的仰慕者。他们灵魂契合,经常在星空下一起缅怀梵高,在湖畔边畅聊莫奈的睡莲。他视她为自己的缪斯,难得的知己。我们相爱十年,抵不过他们相识十个月。顾淮南说起女孩的时候,目光缱绻,神情温柔。他强调了许多遍:「我是真的爱她。」我嫉妒得发疯,忍不住说了恶毒的话:「她一个大学生,愿意给人当小三,不就是图钱吗?」顾淮南看着我,眼神一点点冷下来:「孟姚,她不像你,眼里只有钱。」他的话深深刺痛了我。顾淮南是个天生的浪漫主义者,向来视金钱为粪土。他大学时,已经是小有名气的画家。曾有不少人花重金买他的画,他都拒绝了。他的画,向来只赠有缘人。可天有不测风云,他毕业那年,家里破产了,父母被人追债,出车祸双双身亡。他最落魄的时候,我偷了户口本去见他,说:「顾淮南,我们结婚吧。」我从来不怕吃苦。我们的出租屋漏风又漏雨,台风天家里变成小池塘。冬天大风穿堂过,冻得人睡不着。我们紧紧抱在一起,说一宿的话。顾淮南尝试去找曾经想买他画的人,却只得到一顿顿羞辱。从前太清高,得罪了人。他很长一段时间,怀才不遇。他开始上街头卖画,赚一百块,会给我花九十九块。有一次我贫血短暂性失明了几分钟,他手忙脚乱照顾我,连喊我名字的声音都是抖的。他第一次在我面前哭,说:「不娶你会后悔终生,但娶了你却给不了你幸福,更让我感到绝望。」我骂他:「傻瓜。」那时候,我很幸福。5「我们离婚吧。」顾淮南一句话将我拉回现实,他态度很坚决,说:「你要什么我都可以答应。」我的心揪成一团,垂下眼眸:「我要什么你还不清楚吗?」他没有听懂,只说:「条件你定。」我笑出泪来:「当真为了她可以放弃一切啊。」顾淮南抿了抿唇,抛下一记炸弹:「孟姚,她怀孕了。」我的心碎成一片一片。 我想起,我们也曾有过一个孩子。结婚第二年,我意外怀孕,我们当时的经济条件养不起小孩。可顾淮南高兴坏了,他收起自己最宝贝的画具,说,要出去找一份稳定能赚钱的工作。但现实是,他屡屡碰壁。他不是个长袖善舞的人,去公司上班,与领导关系处得并不融洽。有一次出了大纰漏,被甩了黑锅,无奈离开。后来做了一段时间销售,烟酒不沾,又不会应酬,所以业绩并不好。曾经不染岁月纤尘的俊朗少年,眼里的光正被生活一点点湮灭。怀孕六个月的时候,我做了这辈子最艰难的决定。我说:「顾淮南,我们以后再要孩子吧。」打胎那天,他抱着我哭,说:「孟姚,你应该嫁一个更好的男人。」他说了许多许多遍「对不起」。我努力扯出笑容安慰他:「比起这个,我更想听另外三个字。」他将我搂得很紧,在我耳边不停重复着:「我爱你。」这句话像一道咒语,在一无所有的日子里,将我们的心紧紧连在一起。从那以后,我工作更加拼命了。我很懂察言观色,逐渐在职场混得风生水起。老板是做进出口贸易的,经常需要应酬客户。我酒量很不错,他喜欢带上我,还会额外给我发奖金。我每天回到家都吐得天昏地暗,顾淮南会整晚陪在我身边,细心照料。他总说:「别为了点小钱,喝坏了身体。」我不以为意:「目光要放长远。」时间久了,我积累了不少人脉,后来自己开始做红酒生意。我每天出差、应酬,忙得焦头烂额。顾淮南又说:「钱够用就好,不要这么拼命。」可我啊,有两个非实现不可的愿望。我一直相信着顾淮南的未来会有星辰大海,我希望他能专心画画,不要因为生活琐事放弃热爱终生的事业。我还希望,那个被放弃的孩子,能够快一点再回到我身边。皇天不负苦心人,我们的生活真的在一点点变好。结婚第五年,我们有了房子和存款。我终于鼓起勇气:「顾淮南,我们要个孩子吧。」没想到,他的兴致并不高,只说:「孟姚,现在不是时候。」他告诉我,他的事业进入了瓶颈期,已经很久没有画出让自己满意的作品了。我试图安慰他:「你的画很棒,我的朋友都很喜欢,张老板下个月乔迁新居还说要买你的画做装饰呢。」顾淮南嗤之以鼻:「他们哪懂艺术?」我愣住了。自觉失言,他立刻道了歉,并解释说,自己并不是看不起商人,只是希望得到更专业人士的认可。他将头深埋在我的肩颈,低声道:「我只是越来越没有信心了。」 或许这个时候,我们的感情已然出现裂痕。可我太忙了,并没有太过在意他的变化。不久后,顾淮南的状态渐渐开始变好,脸上时常带笑。我以为,他是突破了瓶颈,没想到,是灵魂找到了新的归宿。他爱的女孩翩然若仙,不染岁月纤尘。她会评价他的画像春天的花,夏季的雨,秋日的风,冬季的雪,是世间最美好的存在。而我商人重利,满身铜臭,无法与他产生共鸣。「孟姚,是我对不起你。」顾淮南的声音在耳边回荡。我沉默了许久,像我们共同度过的时光那么长。最后还是心有不甘,变得歇斯底里:「顾淮南,你休想跟我离婚!」我细数这些年对他的付出,控诉和他一起吃过的苦。恶毒的话无意识从嘴里蹦出,像把刀子,刺伤他,也将我自己凌迟得体无完肤。他没有辩驳,最后只说:「我们当初就不该结婚。」那一刻,我仿佛听见了爱情死亡的声音。6在我和顾淮南闹得最僵的时候,我妈生病住院了。医生说,癌症晚期。我爸死得早,我妈吃了一辈子苦。我结婚的时候,自顾不暇,她执意一个人住在乡下,不给我们添麻烦。后来经济条件稍有好转,又没有时间陪伴左右。我很自责,这辈子从没让她享过一天福。她躺在病床上,形如枯槁,问我:「淮南呢?」我强迫自己挂上笑容,高高兴兴回答:「他最近很忙,要开画展。」我告诉我妈,顾淮南得到了画坛泰斗周遗老先生的赏识,马上就要声名鹊起了。她笑得很欣慰:「那姚姚终于能过上好日子了,妈放心了。」我胡乱寻了个理由跑出病房,眼泪决堤而出。上天的确很喜欢跟我开玩笑。在我们吵完架不久,顾淮南得到法国那边的消息,隐居已久的周老先生突然表示对他的画很感兴趣,要见他一面。千里马终遇伯乐,两人相谈甚欢,相见恨晚。顾淮南将那个女孩视作幸运星。他说,是她帮他找回了画画的初心,才能有此机遇。他不会知道,那是我费尽心思,帮他争取来的机会。而如今,不过是替他人做嫁衣罢了。我洗了把脸又回病房,我妈突然说想见一见顾淮南。我没办法拒绝,终于还是主动联系了他。大概是自尊作祟吧,我不想在他面前示弱,一开口就是谈判的口气:「顾淮南,我们做个交易吧。我同意离婚,你陪我演一场戏。」「好。」他答应得干脆利落。明明是自己想要的答案,我的心又开始扭曲。失望、愤怒、悲伤,负面情绪像千万只毒虫,一口口将我吞噬。我想我大概是要疯了。7顾淮南按时来了。半个月不见,他愈发丰神俊朗,意气风发,想必过得不错。我们各自收敛表情,装作亲密的样子,推门进入病房。我妈气若游丝地躺在病床上,见到我们,浑浊的双眼一瞬亮了,硬撑着坐起来同我们讲话。她嘱咐顾淮南,要爱我疼我,不能对不起我。其实,他们从前的关系并不算好。我妈不赞成我嫁给顾淮南,心疼我跟着他吃苦,不爱跟他讲话。可这次见了面,她似乎有说不完的话要交代。我知道,她就是放心不下我。顾淮南对她的嘱咐一一回答:「好。」最后,我妈将我们的手交叠在一起,交代:「这辈子要好好的。」我没忍住哭出了声。其实我很想扑进妈妈怀里,告诉她:「我过得不幸福,你能不能不要丢下我一个人……」可现在,话堵在喉咙口,什么都说不出来。顾淮南很自然地替我拭去泪水,温柔的眉眼像极了当年那个十八岁的少年。我有些许恍惚,出了病房,我们的手仍然牵在一起。我很没出息地发现,自己还是贪恋手掌间的这一点点温度。「顾淮南,我们不要离婚好不好?」荒唐的想法在我脑中盘旋。手机铃声乍然响起,顾淮南松开我的手。我迷茫地抬眼看他,少年的影子一晃已消失不见。他走到一旁接电话,零星的谈话飘进我的耳朵,都是些很日常的对话。顾淮南跟苏缈缈汇报今天的行程,关心她的身体情况。对面不知道说了什么,他宠溺地骂一句:「小馋猫。」然后说:「等会回家给你带。」我看着这个男人,突然觉得分外陌生。他打完电话,见我失魂落魄的样子,皱着眉问:「你的脸色很差,是不是病了?」说着,手伸过来想要触碰我的额头,我条件反射般躲开了。两人均是一愣。他的手停在半空,有些尴尬道:「离婚的事,可以等你妈身体好些再办。」我沉沦的意识终于清醒过来,点头说好。8我妈的病情并没有好转,她的记忆也出现问题。每隔一段时间,就说要见一见顾淮南。他与我逢场作戏了三个月,陪我听那些重复了许多遍的嘱咐。每次顾淮南来医院,苏缈缈都会频繁打电话,后来,索性自己跟着一起过来。他们手牵手出现那天,我发了很大脾气,拦在他们面前:「让她滚远一点。」顾淮南跟我解释,说她会去旁边等,不会让我妈看见。我不肯妥协,嘲讽道:「少秀一会儿恩爱不会死。」一直埋着头不说话的女孩突然站出来,怒视着我:「你是不是太过分了?都要离婚了,还这样折腾人。」她越说越激动,眼中隐隐有了水汽:「他最近筹备画展忙得连饭都吃不上,我不放心才跟来的。」顾淮南拥她入怀,轻声哄道:「别动气,小心孩子。」女孩撅起嘴,一脸委屈:「可我心疼你。」他们恩爱有加的模样让我胃里一阵翻腾。我嗤笑一声:「我和他还没离婚,你们在一起算偷情知道吗?要不算你租的,付费使用?」顾淮南怒视着我:「孟姚,你是不是疯了?」苏缈缈挺直腰杆与我对峙:「尖酸刻薄,难怪顾淮南不喜欢你。我不想忍了,今天和我离开还是陪你留下,他只能选一个。」随后,她扭头看向顾淮南,一双美目哀哀戚戚。没什么悬念。顾淮南牵着他的爱人一起离开了。那天,我妈的状态其实不错,我撒谎说,顾淮南临时出差了,她也没有深究。可到了傍晚,她却突然昏迷,医生直接下了病危通知书。清醒过来时,她又说要见顾淮南。我慌慌张张打电话过去,他正在哄苏缈缈睡觉。我抖得话也说不利索:「你……能来一趟吗?」他直接答:「太晚了。」我急哭了:「我妈快不行了。」他语气不耐:「你又耍什么花招?」我又惊又怒:「你觉得我会拿我妈的命开玩笑?」他沉默一阵,说:「今晚打雷,缈缈一个人睡觉会害怕。」我顾不得颜面,几近哀求道:「顾淮南,我们十年感情,求你帮我最后一次。」他叹口气:「我和她商量看看。」我像抓住了一丝希望,语无伦次道:「今天算我错了行吗?只要今晚你过来,你们要什么我都答应,好不好?」天空电闪雷鸣,将我自尊心碎裂的声音掩埋在黑夜里。电话那头传来低低的哭泣声。顾淮南轻声哄着:「不怕,我在。」随后电话挂断了,我再拨过去,无人接听。那天,一直到深夜,他都没有出现。

推荐阅读

微信小程序实际案例详解:页面搭建(附完整代码)
微信小程序实际案例详解:页面搭建(附完整代码)
微信小程序官方设计规范(PSD+Sketch源文件下载)
微信小程序官方设计规范(PSD+Sketch源文件下载)
产品设计之微信小程序设计指南
产品设计之微信小程序设计指南
微信小程序UI设计干货!4000字拆解官方设计指南,让你从小白变大师!
微信小程序UI设计干货!4000字拆解官方设计指南,让你从小白变大师!
52
 
 
18
125