05 2021 档案

在Html中使用echarts图表

摘要：命令安装：npm install echarts --save 在index.html的<head></head>标签中引入echarts <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> 阅读全文

posted @ 2021-05-29 10:22 搬砖的苦行僧阅读(1771) 评论(0) 推荐(0) 编辑

html+css模拟微信对话

摘要：HTML: <div class="dialog-wrap"> <ul v-for="item in dataList" :key="item.id"> <li class="dialog-left" v-if="item.sign 'left'"> {{ item.text }} </li> <l 阅读全文

posted @ 2021-05-27 14:04 搬砖的苦行僧阅读(660) 评论(0) 推荐(0) 编辑

解决React 的<img >src使用require的方式图片显示不出来，展示的是[object Module]的问题

摘要：代码： <div className="bigPic"> <img src={require('../../images/bg.png')} alt="" /> </div> 此时的图片显示不出来解决方法一、再导入的图片后加.default即可 <img src={require('../../ 阅读全文

posted @ 2021-05-20 14:57 搬砖的苦行僧阅读(3149) 评论(0) 推荐(0) 编辑

css写实心正三角和倒三角

摘要：正三角： .upTriangle{ width: 0; height: 0; border-top: 4px solid #FFFFFF; border-left: 4px solid #FFFFFF; border-right: 4px solid #FFFFFF; border-bottom: 阅读全文

posted @ 2021-05-18 14:03 搬砖的苦行僧阅读(231) 评论(0) 推荐(0) 编辑

React 多个className的写法

摘要：方法一：ES6 模板字符串 `` className={`title ${index this.state.active ? 'active' : ''}`} 方法二：join("") className={["title", index this.state.active?"active":nul 阅读全文

posted @ 2021-05-18 14:01 搬砖的苦行僧阅读(3121) 评论(0) 推荐(0) 编辑

React中发送验证码，倒计时

摘要：render （） { return ( <label>验证码：</label> <div className="flexBetween"> <Input type="text" className="code-input" value={code} onChange={this.onChang 阅读全文

posted @ 2021-05-17 15:11 搬砖的苦行僧阅读(332) 评论(0) 推荐(0) 编辑