上一期著作中,长沙小秩序开拓公司智企云给行家先容到了小秩序开拓中的基础组件的视图容器的先容,今天咱们接着学习带来基础组件的基础内容顾名念念义是构成小秩序的基础部分,那么什么是基础部分呢?想一想咱们日常用到的秩序把。
掀开一个秩序,咱们总得看到一些“按钮(icon)”吧;其次咱们总会看到一些“文本内容(text)”;然后咱们点击一些内容还可能看到加载的“程度条(progress)”等等,这些一个秩序大略率必备的组件,咱们就称作“基础内容”。
小秩序中的基础内容包括text、rich-text、progress、icon,底下我就举个哄骗text基础内容的例子。
软件开发访佛于HTML中的,那么什么是span呢?它从功能上来说其实又访佛于刚才学到的
,不同的是div是对“块”进行区别,而span是对“行”进行区别。
# 这是一段HTML说话
我的母亲有 蓝色 的眼睛。
后果如图:
也便是说通过的区别,你不错生动的在某一溜展现不同的后果。同理在小秩序中,便是对“行”进行区别的,下边是一段哄骗text的代码和后果图。(驻防:有过前端开拓教训的童鞋一定知说念HTML+CSS+JS它们之间的关系,这里我作念粗心直不雅的先容。HTML是通过一系列的标签来展现一个前端主体,软件开发价格而CSS便是用来隐敝这个前端主体的,也不错说是让你的前端变得愈加漂亮,同期前端一定是要与后端进行交互才具备骨子哄骗价值的,因此JS便是用来律例后端的逻辑运算的,举例前端吸收到用户的登录信息,那么此时要去后端的数据库中进行比对,那么后端比对的进程就需要用JS来完了。那么在微信小秩序中有WXML+WXSS+JS,亦然这个瞻仰瞻仰)
# 这是用到的js代码var initData = 'this is first line\nthis is second line'var extraLine = [];Page({ data: { text: initData }, add: function(e) { extraLine.push('other line') this.setData({ text: initData + '\n' + extraLine.join('\n') }) }, remove: function(e) { if (extraLine.length > 0) { extraLine.pop() this.setData({ text: initData + '\n' + extraLine.join('\n') }) } }})
第51分钟,恩佐-费尔南德斯推射,梅西在禁区前沿碰了一下皮球入网。
# 这是WXML代码 {{text}}add lineremove line
以上便是长沙小秩序开拓公司智企云带来的小秩序开拓进程阉东说念主方组件的基础内容的关系先容,基础内容是展示小秩序内容的中枢软件开发价格,同期关于内容的排版,咱们要作念好退换,其中是提供一个按钮,这些咱们以后再深刻筹办。