1.加大字与字之间间距可以用 letter-spacing 属性

2.调整行与行间距可以调整line-height

3.background 设置 rgba 与 六进制 透明度问题

给父盒子设置background : #FFF; opacity : 0.3 之后 盒子里面的字也透明了 我很不开心

用rgba设置颜色即可 不影响文字 第一次知道( 原本以为这两个没区别 )

background : rgba( 0, 0, 0 ,0.3 );

4.引用字体一般方法失效? 不知道为什么出现问题了

直接在App.vue中引用字体即可

爽了……

5.无意中发现修改uni-easyinput样式方法

/deep/ 一坨 还是不能穿透修改

尝试了一下:deep( ) 结合!important之力 成功拿下

在选择器前面加上:deep( )就可以了 爽了……

6.刚刚改了高度 想接着该宽度 没想到就不行了

我想改变input盒子的宽度 但用上面的穿透好像不太行

我想到用一个盒子包裹着 给这个盒子设置想要的宽度 把输入框宽度压缩 果然就可以了

但这样又不能右对齐了

所以又要改 这里要找到input框元素的父元素 给他穿透设置样式 最后就基本符合UI稿了

代码如下

:deep() .uni-forms-item__content {
	display: flex;
	justify-content: flex-end !important;
}

.input {
	width: 450rpx;
	text-align: right;
}

:deep() .uni-easyinput__content-input {
	height: 68rpx !important;
	width: 450rpx !important;
}

7.微信小程序使用自定义字体

微信小程序不能直接引入.ttf使用,需要转为base64!!!!!!

https://www.bejson.com/ui/file_to_base64/ 在这里转base64

然后在App.vue中导入即可(还是不要在App.vue中导入了 用老方法导入即可 不然App.vue代码太多了 直接批判问题4)

太可怕了这