初学小程序——配置问题3

 

十一、import和include两种引入模板的方式

Import

 

分享图片

 

模板文件common/tmplates/user.wxml

调用模板的文件:/pages/cate/cate.wxml

 

步骤:

1.新建文件夹common/tmplates/user.wxml

分享图片

 

 

2.在模板文件user.wxml中编写代码

分享图片

3.在cate.js的data中编写代码

 

分享图片

4.在调用模板的文件cate.wxml文件中引入user.wxml中的模板

分享图片

5.模拟页面展示:

分享图片

 

 

 

Include

分享图片

Include方式不能使用tepmlate标签和wxml标签.

步骤:

  1. 模板文件user.wxml

 

分享图片

Include 方式和import不同,需要在元素名字前面加上”属性.”,如上图。

2. 调用模板的文件:cate.wxml

 

分享图片

 

cate.js:(和import的方式一样)

分享图片

 

 

十二、WXSS样式——选择器:

分享图片

和css功能一样,没有css支持的样式多!

全局样式:app.wxss

局部样式:在当前文件中的wxss文件中编写。

1.在pages/cate.wxml编写模板

分享图片

 

 2. 在cate.wxss编写样式:

分享图片

 

3.::after标签和::before标签

 

在cate.wxml添加text标签

<text>地址:中国</text>

查看效果图:

分享图片

 

同理::before也是如此:

分享图片

分享图片

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


php输出xml格式字符串
J2ME Mobile 3D入门教程系列文章之一
XML轻松学习手册
XML入门的常见问题(一)
XML入门的常见问题(三)
XML轻松学习手册(2)XML概念
xml文件介绍及使用
xml编程(一)-xml语法
XML文件结构和基本语法
第2章 包装类
XML入门的常见问题(二)
Java对象的强、软、弱和虚引用
JS解析XML文件和XML字符串详解
java中枚举的详细使用介绍
了解Xml格式
XML入门的常见问题(四)
深入SQLite多线程的使用总结详解
PlayFramework完整实现一个APP(一)
XML和YAML的使用方法
XML轻松学习总节篇