个人工作知识笔记（2019-12/2020-01）

2019-12-21

微信小程序文字渐变色

• 效果图：“立即咨询”由上到下的渐变色。
  
• 原理：效果呈现为文字的渐变色，实则是将文字设置为透明色，背景颜色为渐变色，且仅绘制于文字。
• 代码：

    background: linear-gradient(to bottom, rgb(223, 191, 144) 0%, rgb(173, 136, 85) 100%);
    background-clip: text; /* 背景色仅绘制与文字处 */
    -webkit-background-clip: text; /* Safari Chrome 前缀 */
    color: transparent; /* 文字透明 */
  

• 注：必须使用浏览器前缀。

2019-12-27

Web项目引入bootstrap项目报错

• 报错内容：
  
  bootstrap.min.js:6 Uncaught Error: Bootstrap’s JavaScript requires jQuery
  at bootstrap.min.js:6
• 报错原因：引入文件时排序方式不对。
• 解决方式：在引如bootstrap之前先引入jquery。

vue.js修改CheckBox复选框的状态

• 直接使用在组件上使用v-model来绑定值即可。直接点击复选框，v-model的值就会改变。

  <div class="container">
  	<input name="Checkbox" type="checkbox" v-model="user.checked">
  </div>
  

  let vm = new Vue({
  			el: '.container',
  			data: {
  				user: {
  					checked: false,
  				}
  			},
  			
  		})
  

2020-01-19

table中让td的文字水平垂直居中

 <td style="text-align:center;display:table-cell;vertical-align:middle;">水平垂直居中</td>