专栏首页娱乐心理测试wxml、wxss、js 引入外部文件的方法

wxml、wxss、js 引入外部文件的方法

一、wxml导入其他文件的方法

WXML 提供两种文件引用方式import和include。

以如下图所示路径描述:

以此路径为例

1、import 方法:

import可以在文件中使用目标文件定义的template,import 有作用域的概念,即只会 import 目标文件中定义的 template,而不会 import 目标文件 import 的 template。

如:C import B,B import A,在C中可以使用B定义的template,在B中可以使用A定义的template,但是C不能使用A定义的template

 写法:<import  src=" 文件路径"/> 上图路径写法为:<import src="../test/test.wxml"/>

2.include 方法

include 可以将目标文件除了 <template/>,<wxs/>外的整个代码引入,相当于是拷贝到 include 位置。  外的整个代码引入,相当于是拷贝到 include 位置

写法:<include src="文件路径"/>以上为例的路径写法为:<include src="../logs/logs.wxml"/>

二、wxss导入外部样式方法

1、@import 方法

@import 可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。

写法:@import "文件路径" ;以上为例的路径写法为:@import "../test/test.wxss";

三、js引入外部文件

1、require 方法

注意: require 方法暂不支持绝对路径。

写法:require("文件相对路径");

以上为例的路径写法为:var utilMd5 = require('../../utils/md5.js');

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue.js引入外部CSS样式和外部JS文件的方法

    学习Vue.js动画时,需要引入一个animate.css,如何全局引入外部文件呢?

    honey缘木鱼
  • 如何在小程序wxml文件中编写js代码

    WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 wxs可以说就是为了满足能在页面中使用js存在的,在wxm...

    honey缘木鱼
  • vue 项目中常见的几个小问题

    H5页面在iOS网页中的数字被识别为电话号码,原因在于Safari浏览器的问题:解决该问题只需在head标签中添加如下代码即可解决。

    honey缘木鱼
  • SpringMVC当中请给出一个下载的例子,文件名必需是中文

    4.文件下载 例4.1: <%@ page contentType="text/html; charset=GBK" %> <html> <body > <A ...

    马克java社区
  • 微信小程序之订阅消息推送java开发

    具体公告地址:https://developers.weixin.qq.com/community/develop/doc/00008a8a7d8310b6bf...

    猿码优创
  • SpringBoot 中使用自定义的 Servlet, Filter, Listener

    1. 使用 @ServletComponentScan 定义要扫描的包目录, Servlet, Filter, Listener 可以通过 @WebServle...

    北漂的我
  • 如何用Junit5玩出参数化测试的新花样?

    这是之前一篇文章《用junit5编写一个类ZeroCode的测试框架》的续集。主要将在之前工作的基础上,围绕参数化测试展开。 框架主要设计点:

    Criss@陈磊
  • python 实现elk接口获取数据

    [root@ctum2A0703016 ~]# cat jiaoyihao.py #!/usr/bin/python2.7

    py3study
  • Python爬虫七麦APP榜单

    week
  • 请给出一个SpringMVC文件上传的SmartUpload版例子

    3.文件上传 例3.1: <%@ page contentType="text/html; charset=GBK" %> <html> <body> <h1>...

    马克java社区

扫码关注云+社区

领取腾讯云代金券