在app.vue里面写全局样式，为了避免样式污染，在你要的外面包一层div 做局部限制 .uni-input-input这个类名 是uni-app自动生成的类名 ，亲测有效

```
.login_box{
.uni-input-input{
border:1upx solid #f8f8f8;
border-radius: 10upx;
box-sizing: border-box;
&:focus{
background: #ebfff9;
border-color: #28b28b;
}
}
}
```

微信小程序上支持的是 wxss 后缀文件，在微信小程序中不支持 import url 语法，也不支持导入 css 文件。

此贴时间存在时间较久了，如果仍有问题，请开新贴解决。

##解决了
用
// #ifdef H5
js代码块
// #endif

这不是Bug，在小程序自定义组件中使用时，需要传递当前组件实例的。[文档](https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.createCanvasContext.html)


在 options API 中就是 this

在 composition API 是使用 `getCurrentInstance()` 获取到的实例

针对问题中的代码给出的伪代码是：

```js
import { getCurrentInstance } from 'vue'
const instance = getCurrentInstance()
const drawContent = () => {
// ...
const ctx = uni.createCanvasContext('myCanvas', instance)
// ...
}
```

hbuilderx 4.41 修复了这个问题。

vue2会支持鸿蒙元服务，预计2月底、3月初发布Alpha版本。

vue2不会支持鸿蒙App，没有计划。

HBuilderX 4.51.2025012123-alpha 已修复。

HBuilderX 4.51.2025012123-alpha 已修复。

HBuilderX 4.51.2025012123-alpha 已修复。

已提供uts插件解决此需求，请使用uts插件：[uni-requestMerchantTransfer](https://ext.dcloud.net.cn/plugin?id=22283)

已提供uts插件解决此需求，请使用uts插件：[uni-requestMerchantTransfer](https://ext.dcloud.net.cn/plugin?id=22283)

如之前沟通，你发现引用了 encryptlong-telen 这个加密库，会导致 xhs 平台无法运行，微信小程序正常。经过我测试，是因为这个三方库中会尝试访问 navigator 参数，小红书中不存在。

这个你可以向三方库反馈，也可以临时兼容，比如在xhs 平台的 vendor.js 顶部添加下面类似的 mock 代码

```js
globalThis.navigator={appName:'xhs',userAgent:'xhs'}
```

解决方式很多，手动改，写 vite buildEnd 插件，或者修改三方库源码添加条件编译

```js
// #ifdef MP-XHS
globalThis.navigator={appName:'xhs',userAgent:'xhs'}
// #endif
```
都可以，这个你自行选择吧。

补充：
补充：小红书小程序环境不支持window，也建议代码改为 globalThis;
```js
try {
globalThis.window = globalThis;
} catch (error) {

}
```