摘要: 嗯,不知道这个标题说清楚了吗哈哈哈哈一般自适应,是等比例缩小的,但是我们这个不太一样,要求高度固定,但是图片不变形, 比如我们的结构是这样的 <div class="test"> <img src="./image/list_banner.png" alt=""> </div> 样式这么些,用到这个 阅读全文
posted @ 2024-01-10 16:09 西贝小小凤 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 之前都没用过这个属性,最近做项目遇到一个不同屏幕下可能会换行的问题,设置了强制 不换行,但是伪类元素就没挤没了,请教了同事,用到了flex-shrink属性 然后我就去看了看这个属性的用法,简单记录一下 flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于 阅读全文
posted @ 2023-08-01 23:31 西贝小小凤 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 最近有时间做自己的事了,才想起来记录这些事 其实可简单了一句话的事 找到index.html 的这个代码 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 把他替换成这个,就好了 <meta name="vi 阅读全文
posted @ 2023-08-01 14:33 西贝小小凤 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 之前的时候大哥就让我自己搭架子,但是我拖延症,现在用到了,得自己搭了 我的项目都放到了 VuePorjects这个目录里面, 一、先进入到指定工作目录,(不是你要创建的项目的名称哈) cd VuePorjects/ 二、创建vue3项目,安装创建项目 npm create vite @latest 阅读全文
posted @ 2023-07-24 16:46 西贝小小凤 阅读(549) 评论(0) 推荐(0) 编辑
摘要: 好久好久没更新了啊,其实有好多可以写的, 但是不知道为啥不想写了 方法一: // 输入的金额进行大写转换 function transformation(val) { var fraction = ["角", "分"]; var digit = ["零", "壹", "贰", "叁", "肆", " 阅读全文
posted @ 2023-07-18 13:42 西贝小小凤 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签,因为别的标签可能会失效 <script set 阅读全文
posted @ 2023-03-22 14:42 西贝小小凤 阅读(641) 评论(0) 推荐(0) 编辑
摘要: 跪求出一个这个方法吧,自己写真麻烦,但是也是闲着没事,写一个吧 <div class="pagefun"> <!--首页按钮 disabled是鼠标禁止状态 pagenotallowd 鼠标禁用 一个红色的圈加一个斜杠 --> <button :class="['firstpage',firstPa 阅读全文
posted @ 2023-02-14 09:34 西贝小小凤 阅读(498) 评论(0) 推荐(0) 编辑
摘要: 之前用vue2的时候,写过vue2的用法,链接在这里点击跳转哈,用得挺好的,也没啥问题,照葫芦画瓢的做出来了,但是有问题,下滑之后调用多次数据,按理说 组件通过 loading 和 finished 这俩变量控制加载状态,当组件滚动到底部时,会触发 load 事件并将 loading 设置成 tru 阅读全文
posted @ 2022-12-28 14:15 西贝小小凤 阅读(530) 评论(0) 推荐(0) 编辑
摘要: 首先,上官网地址 https://element.eleme.cn/#/zh-CN/component/form 首先页面上面用了弹窗的形式,做完之后长这样,有全屏,关闭等按钮,上效果图和完整代码!!!!! <!--点击新增按钮 --> <div class="addbtn" @click="fun 阅读全文
posted @ 2022-10-18 16:04 西贝小小凤 阅读(3884) 评论(0) 推荐(0) 编辑
摘要: ele官网给的描述是这样的 但是呢,我加了个富文本编辑器,所以关闭的时候没有清除富文本编辑器的内容,我就加了个 @close="closeDialog" <el-dialog v-model="datadialog" :show-close="true" :close-on-click-modal= 阅读全文
posted @ 2022-10-14 17:33 西贝小小凤 阅读(1506) 评论(0) 推荐(0) 编辑