<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-16 10:51
- 更新：2024-10-16 11:23
- 阅读：61
产品分类： uniapp/H5
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 13.6.7
浏览器平台： 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用标签名写样式，不生效
9***@qq.com (作者)
我上传附件了
2024-10-16 14:19