Vben admin打包后 ant design vue 样式不生效

最新推荐文章于 2024-07-06 16:47:02 发布
最新推荐文章于 2024-07-06 16:47:02 发布
阅读量545 收藏 7
点赞数 9
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43560960/article/details/135847985
版权
本文介绍了如何在`main.ts`中根据开发模式判断是否导入`ant-design-vue`的样式文件，以实现环境配置下的按需加载。
摘要由CSDN通过智能技术生成

在main.ts中,把下面代码更改掉,直接引入

import { isDevMode } from './utils/env';
if (isDevMode()) {
  import('ant-design-vue/es/style');
 }

import('ant-design-vue/es/style');
晓月木鱼
关注
  • 9
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-vben-admin:基于Vite2，vue3.0，ant-design-vue 2.x，打字稿，vuex，vue-router的vue3样式管理员，正在努力进行更新。
05-10
Vue Vben Admin是一个免费的开源中端和后端模板。 使用最新的vue3 ， vite2 ， TypeScript和其他主流技术开发，开箱即用的中端和后端前端解决方案也可以用作学习参考。 特征 最新技术发展水平：使用诸如Vue3 / vite2...
关于线上部署admin后台样式没有生效的问题
青梅煮酒
09-11 743
方法一： 1、在settings.py尾部： STATIC_ROOT = os.path.join(BASE_DIR, 'static')#指定样式收集目录 #或 STATIC_ROOT = '/www/mysite/myblog/static' #指定样式收集目录 2、收集CSS样式，在终端输入： python manage.py collectstatic 运行这个命令之后，就会自动把...
解决ant-design-vue 组件在vue3项目中改默认样式始终不生效
wffgwjj的博客
12-18 908
在写项目时遇到 ant-design-vue组件样式始终改不了 ，在网上查了很多方法最终 在index.html文件中写的样式最终生效。
vue3.0中ant-design样式引入无效问题
qq_37947438的博客
04-06 7187
最近做新项目时想试试vue3.0+ts+ant-design，在依赖都装完后，随便写了个页面样式却出不来，如下图 经过一番百度，终于知道了原来在使用antd的时候， css 不能开启 css modules，我们只需要把vue.config.js的css配置下把modules改为false就可以了，如下图 重启项目后就可以了 值得注意的是，在我们刚刚配置的vue.config.js文件下，modules属性与requireModuleExtension是补鞥呢同时存在的，不然会被后者覆盖，把requi
学习vue-vben-admin遇到的问题（一）
f897907070的博客
01-30 3156
文件 会被视为一个路由模块，相应也得也会在左侧生成一个菜单 有很多注意的地方，要不然很容易出现404 或者加载错误的问题。一个文件夹呢，不能有其他vue视图文件 否则报错，找不到问题，例如菜单2是test2文件，菜单是1test1文件夹需要分开放。这几天在公司接触了一个后台框架 vue-vben-admin 打开得时候，感觉页面和效果的做的不错。折腾了两天才渐渐有点感觉，开始第一次接触还是点蒙，怎么做的 官网地址是。title: t('测试'), ///子菜单名称 不可重复。//父级菜单的子菜单。
vben框架下，解决打包后主题无效的问题
tx10765的博客
04-06 678
vben框架，解决打包后主题无效的问题
Vue3.2 + ts + vben admin + ant design 的Card二次封装
weixin_68266812的博客
01-10 603
声明：Vue3.2 + ts + vben admin +ant design 这些都有在继续往下看哈
Ant design vue Popover组件样式设置无效
张木期的博客
09-10 5744
审查元素的时候在.ant-popover-title里加上background-color:red;是有效的，但是我自己写代码的时候，这样写 /deep/.ant-popover-title{ background-color:red; } 无效，折腾了半天，死活不起作用，最后查资料是把<style lang="less" scoped>里的scoped去掉， 然后再把/deep/去掉就可以了 这样做影响了其他界面，但好歹对我这个项目没啥影响，可以这样用。 查了更详细的资料后，发现popo..
ant-design-vue样式通过babel引入不生效
迎风飞翔的专栏
05-13 1136
Vue3 ,安装ant-design-vue官网文档配置，用全局部分注册+babel样式引入，发现样式不生效，按钮是灰色的，类似下图。 最后发现是没安装@vue/cli-plugin-babel，这个导致。 执行npm install @vue/cli-plugin-babel 安装后解决，应该是创建项目的时候，没选择这个东西。 ...
解决ant design vue中的modal弹框样式修改无效问题 修改modal样式无效
i_am_a_div的博客
07-31 8321
ant design vue中的modal修改样式无效问题 因为ant中的弹框样式是修改不了的 原因在于弹框modal被挂载在元素div外面里 所以需要将挂载在某个html元素上 :getContainer="()=>$refs.ref"
vue-vben-admin：基于Vite2，vue3.0，ant-design-vue 2.x，打字稿的vue3样式Admin，正在努力进行更新。
02-06
VUE VBEN ADMIN2.0 | 英语 介绍 该项目是基于'ant设计-VUE实施vue3风格的后台管理系统,打字稿, vue3.0 ,维生素E , tsx`， 的GitHub main分支 瘦 预习 测试帐户：vben / 123456 文献资料 2.0的文档尚未开始，将在...
vue-vben-admin.md
07-30
vue-vben-admin.md
vue-vben-admin-main源码
12-19
6. **Vue-vben-admin特性**：Vue-vben-admin提供了诸如权限控制、多语言支持、动态路由、表格、表单等常见管理后台功能的实现，这些都是通过Vue.js的特性如组件、计算属性、监听器等实现的。 7. **Vue组件**：在`...
Vue前端打包
weixin_63680330的博客
07-04 325
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
新建Vue工程的几种方法
黔肆的博客
07-04 313
新建vue工程的几种方法，关键词：@vue/cli ,vite , parcel , webpack
属性描述符初探——Vue实现数据劫持的基础
RenGJ010617的博客
07-05 974
属性描述符（Property Descriptor）在JavaScript中是一个特殊的对象，它定义了对象属性的行为和特性。 属性描述符有很多内容可以挖掘，比如defineProperty与Proxy的区别，比如vue2与vue3实现数据劫持的方式有什么不同，实现效果有哪些差异等，这篇博文只是入门，以后有时间再深挖。
Vue 3集成krpano 全景图展示
最新发布
Mr丶GUO
07-06 340
Vue 3集成krpano 全景图展示，需要借助官方工具进行制作注意事项：vue@cli3没有static，需要放在public目录下。
vue 跳转新窗口的方法
m0_67880202的博客
07-03 314
适用于有新的完整的链接跳转，将新链接的url放入open中即可。2.使用$router.resolve。适用于@绑定了点击事件需要跳转的场景。1.使用router-link。
Vue2前端实现数据可视化大屏全局自适应 Vue实现所有页面自适应 Vue实现自适应所有屏幕
weixin_41346436的博客
07-04 141
在Vue.js中创建一个数据大屏，并使其能够自适应不同屏幕大小，通常涉及到布局的响应式设计、CSS媒体查询、以及利用Vue的事件系统来处理窗口大小变化。通过以上步骤，我们创建了一个使用Vuetify布局的响应式数据大屏，它能够根据屏幕宽度动态调整其内容的布局。Vuetify的v-flex组件允许我们轻松地创建响应式的网格布局，而Vuex和全局事件总线则帮助我们在窗口大小变化时更新应用状态和组件布局。在实际项目中，你可能还需要处理更复杂的响应式设计挑战，例如在不同的屏幕尺寸下显示不同的内容或布局。
vben admin +vue3 与.net如何使用FastReport打印高级范例
06-09
FastReport 是一款功能强大的报表工具，可以方便地生成各种格式的报表。下面是使用 vben admin +vue3 和 .Net 开发实现 FastReport 打印高级范例的步骤： 1. 准备工作 在开始之前，需要安装 FastReport 插件和相应的依赖库。可以从官网下载 FastReport 插件，并将其添加到项目中。此外，还需要安装 .Net Framework 和相应的 NuGet 包。 2. 创建报表模板 使用 FastReport Designer 创建报表模板。在模板中添加需要展示的数据源和各种控件，如表格、图表、文本框等。 3. 编写 .Net 代码 在 .Net 中，需要使用 FastReport 对象来加载报表模板并填充数据。可以使用以下代码实现： ```csharp using FastReport; using System.Data; public void PrintReport() { // 加载报表模板 Report report = new Report(); report.Load("report.frx"); // 填充数据 DataTable dt = GetData(); report.RegisterData(dt, "Data"); report.GetDataSource("Data").Enabled = true; // 渲染报表 report.Prepare(); // 打印报表 report.Print(); } private DataTable GetData() { // 获取需要展示的数据 // ... } ``` 4. 在 vben admin +vue3 中调用 .Net 代码 在 vben admin +vue3 中，可以使用 axios 发送请求调用 .Net 中的代码。可以使用以下代码实现： ```javascript import axios from 'axios'; export function printReport() { return axios.post('/api/printReport', {}) .then(response => response.data); } ``` 在 .Net 中，需要创建一个控制器来处理请求，并调用上述的 .Net 代码。可以使用以下代码实现： ```csharp using System.Web.Http; public class ReportController : ApiController { [HttpPost] public void PrintReport() { // 调用 .Net 代码 PrintReport(); } } ``` 这样，就可以在 vben admin +vue3 中调用 .Net 中的 FastReport 代码来打印报表了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值