随笔分类 - 前端效率开发
摘要：示例图 相关代码 <template> <div> <a-modal v-model:visible="props.uploadVisible" width="1300px" :footer="null" maskClosable @cancel="onCancelClick" > <div cla
阅读全文
摘要：#### 示例图  #### 代码案例 ``` background: url(@/assets/nlzsimg/n
阅读全文
摘要：``` = state.initIntrosSize" :disabled="index 1" style="font-size: 20px; margin-left: 10px; color: #cccccc" @click="removeDomain(intro)" /> 图片上传 视频上传 上
阅读全文
摘要：#### Slice array elements Slice: To cut out a multiple items in range. It takes two parameters: starting and ending position It doesn't inclue the end
阅读全文
摘要：=> 要么 .abc, .xyz { margin-left:20px; width: 100px; height: 100px; } => 要么 a.abc, a.xyz { margin-left:20px; width: 100px; height: 100px; } => 要么 a { ma
阅读全文
摘要：切割数组得到头部 > let a = [1, 2, 3, 4, 5, 6] > a.slice(2) [3, 4, 5, 6] > a.splice(2) [3, 4, 5, 6] 根据索引切取指定范围内的数组 > let arr = [1, 2, 3, 4, 5, 6] > arr.slice(2
阅读全文
摘要：业务效果图 核心代码 <template> <a-date-picker v-model='record.payTime' show-time autoclear placeholder='请选择付款时间' valueFormat='YYYY-MM-DD HH:mm:ss' /> </templat
阅读全文
摘要：参考： http://t.csdn.cn/g4aDZ 业务效果图 核心代码 <a-form-model-item label='付款详情' prop='rate'> <a-table :columns='current08Form.payColumns' :data-source='current0
阅读全文
摘要：<template> <div> <a-range-picker format='YYYY-MM-DD' @change='onUpdateChange' :default=value='[dataParams.updatedTime_begin, dataParams.updateTime_end
阅读全文
摘要：样式穿透 从浏览器中找到需要改动的组件父class，在CSS文件中通过::v-deep或/deep/进行样式改动 两种方式 外层容器 >>> 组件名（在less中使用) 外层容器 /deep/ 组件名 (在less中使用) <style lang='less' scoped> .box >>> .e
阅读全文
摘要：业务效果 // 直接放在style标签中 不要放在<style lang="scss" scoped>标签中 <style> .ant-table.ant-table-bordered .ant-table-title { background: #f3f3f3; } </style> 上述方式会导
阅读全文
摘要：业务效果 核心代码 <template> <a-layout class="layout"> <a-layout-header class="header" style="height: 50px"> <div class="wrapper content"> <span class="info">
阅读全文
摘要：给时间添加 am或pm // 'h' is an hour number const suffixAmPm = (h) => `{h < 12 ? 'am' : 'pm'}`; suffixAmPm(0); // '12am' suffixAmPm
阅读全文
摘要：参考：https://1loc.dev/ 将一个值转为数组的方法 const castArray = (value) => (Array.isArray(value) ? value : [value]); caseArray(1); // [1] 或直接使用Array.of(val)这个构造方法代
阅读全文
摘要：nvm下载 安装包下载地址： https://github.com/coreybutler/nvm-windows/releases # 安装指定node版本 nvm install v14.15.0 # 运行指定node版本 nvm use v14.15.0 # 切换到最新的node版本 nvm
阅读全文
摘要：<template> <div class="com-container"> 地区销售排行图表 <div class="com-chart" ref="rank_ref"></div> </div> </template> <script> export default { data() { ret
阅读全文
摘要：<script> const res = []; const axiosPromises = []; const nameList = ["Wangzz", "Wangyt", "Felix"]; for (let i of nameList) { axiosPromises.push( new P
阅读全文
摘要：before 调节图片垂直对齐方式，middle:居中; .user img { /* 调节图片垂直对齐方式, middle:居中 */ vertical-align: middle; } after
阅读全文
摘要：效果图 Code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co
阅读全文
