01.vue 中 less 的简单使用

最新推荐文章于 2022-12-15 23:12:17 发布

小小小菜鸡zzzz

最新推荐文章于 2022-12-15 23:12:17 发布

阅读量194

点赞数

分类专栏： Vue.js

本文链接：https://blog.csdn.net/ojb98K/article/details/107719463

版权

这篇博客介绍了如何在Vue项目中结合Less预处理器来编写一个弹框组件。首先，通过`vue create vueless`并选择CSS预处理选项初始化项目。接着详细展示了Alert.vue组件的实现过程，最后在App.vue中应用了这个弹框组件。

摘要由CSDN通过智能技术生成

使用 less 写一个弹框组件

在用 vue create vueless 时选择 css 预处理

Alert.vue

<template>
  <div class="alert">
    <div class="zhezhao">
      <div class="alertMain">
        <div class="title">
          温馨提示:{
   {
   title}}
        </div>
        <div class="content">
          {
   {
   content}}
        </div>
        <div class="btnList">
          <div class="btn cancle" @click="cancleEvent">取消</div>
          <div class="btn comfirm" @click="comfirmEvent">确认</div>
        </div>
      </div>
    </div>
  </div>
<