<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{ title }}</text>
</view>
<!-- 引入组件 -->
<a-date-picker style="width: 200px;" />
</view>
9***@qq.com
- 发布：2024-10-23 14:55
- 更新：2024-10-24 11:35
- 阅读：59
产品分类： uniapp/H5
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： macos 14.2
浏览器平台： Edge
浏览器版本： 版本 127.0.2651.74 (正式版本) (arm64)
项目创建方式： CLI
CLI版本号： 3.0.0-4020920240930001
示例代码：
操作步骤：
创建工程
npx degit dcloudio/uni-preset-vue#vite my-vue3-project
安装依赖
yarn install
安装arco框架
yarn add --dev @arco-design/web-vue
在main.js引入框架
import {
createSSRApp
} from "vue";
import ArcoVue from '@arco-design/web-vue';
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
import App from './App.vue';
import '@arco-design/web-vue/dist/arco.less';
export function createApp() {
const app = createSSRApp(App);
app.use(ArcoVue);
app.use(ArcoVueIcon);
return {
app,
};
}
在index.vue 里面引入a-date-picker
运行代码
yarn dev:h5
创建工程
npx degit dcloudio/uni-preset-vue#vite my-vue3-project
安装依赖
yarn install
安装arco框架
yarn add --dev @arco-design/web-vue
在main.js引入框架
import {
createSSRApp
} from "vue";
import ArcoVue from '@arco-design/web-vue';
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
import App from './App.vue';
import '@arco-design/web-vue/dist/arco.less';
export function createApp() {
const app = createSSRApp(App);
app.use(ArcoVue);
app.use(ArcoVueIcon);
return {
app,
};
}
在index.vue 里面引入a-date-picker
运行代码
yarn dev:h5
预期结果：
显示样式
显示样式
实际结果：
没有样式，完整代码见附件
没有样式，完整代码见附件
bug描述：
vue3用标签名写样式，不生效
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信
web 平台使用三方 UI 库，这个是支持的，你判断下是所有的组件都不生效，还是个别组件不生效？手动引入组件正常使用吗
9***@qq.com (作者)
就这个组件有问题，其他组件没有问题，我看了这个组件源码，他里面的input标签是直接设置的样式
2024-10-24 15:24