zoukankan      html  css  js  c++  java
  • 初学小程序——配置问题(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也是如此:

    点个赞吧
  • 相关阅读:
    Python基本数据类型
    Python内存相关
    Python运算符和编码
    js比较日期大小 判断日期
    js判断一个数是不是正整数
    sql查询排序
    js获取select标签选中的值
    PL/sql配置相关
    搜狗的好玩用法
    Oracle数据库中的dual表
  • 原文地址:https://www.cnblogs.com/maleijiejie/p/11223713.html
Copyright © 2011-2022 走看看