小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我想在wxss文件中使用变量。
比方说我想定义一个名为IMG统一前缀变量:background: url((IMG/xxxx.jpg);
可以实现吗?
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
app.js
App({ globalData: { imgBaseUrl:"https://192.168.1.1" } })
index.js
const app = getApp(); Page({ data: { imgBaseUrl:app.globalData.imgBaseUrl } })
index.wxml
<view class="container" style="background-image:url({{imgBaseUrl}}/bg.jpg);"></view>
这样或许可以统一改地址。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
做个服务器图片不就行了,改服务器很方便啊
前端方法 用glup编译后,小程序开发工具预览 就可以实现
就是想小程序发布之后 能动态的修改背景图片, 这个方法可以实现?
使用变量可以。但是,css里面是不允许在url里使用变量的。
可以使用变量吗,怎么用的,用框架吗
不是。css3有使用变量的语法。额,这个变量不是{{变量}}这种。。。看看这个https://www.cnblogs.com/lalalagq/p/9943543.html
恩恩,好吧,解决不了这问题。。我css中背景被逼无奈都放到wxml里面去了
我也是啊。他那个问题我当初也是想解决的,就找了css变量。结果到了最后才发现url不能用。被迫放去wxml里了。
我使用css的变量方式编写了代码,但是小程序没有识别,是在wxss文件中不能使用变量吗
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
app.js
App({ globalData: { imgBaseUrl:"https://192.168.1.1" } })
index.js
const app = getApp(); Page({ data: { imgBaseUrl:app.globalData.imgBaseUrl } })
index.wxml
<view class="container" style="background-image:url({{imgBaseUrl}}/bg.jpg);"></view>
这样或许可以统一改地址。
做个服务器图片不就行了,改服务器很方便啊
前端方法 用glup编译后,小程序开发工具预览 就可以实现
就是想小程序发布之后 能动态的修改背景图片, 这个方法可以实现?
使用变量可以。但是,css里面是不允许在url里使用变量的。
可以使用变量吗,怎么用的,用框架吗
不是。css3有使用变量的语法。额,这个变量不是{{变量}}这种。。。看看这个https://www.cnblogs.com/lalalagq/p/9943543.html
恩恩,好吧,解决不了这问题。。我css中背景被逼无奈都放到wxml里面去了
我也是啊。他那个问题我当初也是想解决的,就找了css变量。结果到了最后才发现url不能用。被迫放去wxml里了。
我使用css的变量方式编写了代码,但是小程序没有识别,是在wxss文件中不能使用变量吗