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 条评论
登录 后参与评论

相关文章

来自专栏Laoqi's Linux运维专列

nginx的502问题

37450
来自专栏黑泽君的专栏

用gcc编译c语言程序以及其编译过程

对于初学c语言编程的我们来说,学会如何使用gcc编译器工具,对理解c语言的执行过程,加深对c语言的理解很重要!!!

18210
来自专栏LuckQI

Java多线程总结三

8620
来自专栏王二麻子IT技术交流园地

Linux常用命令100个用法

平时用linux时,我有一个习惯就是把遇到的,比较有用,并且容易忘的命令,放到一个文本文件中,没事的时候可以拿出来看看,这样可以加深映像,时间长了这些命令的用法...

25850
来自专栏tiane12

Linux执行脚本出现Error: bin/bash^M: bad interpreter: no such file or directory问题解决方法

17130
来自专栏Java技术分享

Dubbo-admin无法显示Group分组信息以及是否可以显示多个分组

在首次使用Dubbo的时候,我们可能都会使用Dubbo-admin来监控服务的提供者和消费者,但是在自己的生产者成功运行的时候,在Dubbo-admin却看不到...

37570
来自专栏Java工程师日常干货

【SpringBoot专题】多环境配置及swagger前言多环境配置分析swagger

在上一篇博客《【SpringBoot专题】快速体验 》中已经带领大家初步了解了SpringBoot,本篇博客将为大家介绍多环境配置、swagger等相关内容。

12940
来自专栏Laoqi's Linux运维专列

Linux入门到精pao通lu

44550
来自专栏JarvanMo的IT专栏

Node.js文件路径的坑

没错,我想读取system-config.json中的配置。刚开始,无论如何也读不到,连个错误信息也没有。调试了一番,终于出了一个错误信息: no such ...

21640
来自专栏北京马哥教育

25个shell脚本代码分享,日常工作够用了

引言 自己写了一下小的shell实例,虽然很小,但所有的大的程序都是由小的模块堆积起来的。 程序员一定要懂得一种脚本的书写,而我,只会在linux下工作,所以...

447110

扫码关注云+社区

领取腾讯云代金券