uni-app手机端电脑端差别

div标签的差别

1. table标签在手机端不显示可能是通病。
   解决方法：使用flex布局。
   如果已经写好了table表格，可以改成如下这样，会方便一些。

<view class="table">
	<view class="thead">
		<view class="tr">
			<view class="th"></view>
		</view>
	</view>
	<view class="tbody">
		<view class="tr">
			<view class="td"></view>
		</view>
		<view class="tr">
			<view class="td"></view>
		</view>
	</view>
</view>

.table {
	border-spacing: 0;
	border-collapse: separate;
}
.table>.tr {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

我之前写的是直接标签进行css的，可能会方便一些，如果还有其他办法，大佬们可以更正。

css的差别

1. 电脑端调好的css，在手机上总容易消失变成框架原来的css，比如说按钮的颜色等。
   解决办法：在想要的css样式前，加上父标签的class值。这样就会更优先。
2. ul标签电脑端会有padding-left，手机端不会有。所以如果在电脑端修改css时，对li标签加position的css去调样式，在手机上会乱掉。
   解决办法：修改的时候，电脑端把padidng-left去掉，给li加margin-left或者margin-right。
3. 设置line-height属性让文字垂直居中，PC端肉眼观察是居中的，但在手机端上发现文字在偏上位置。关于这个产生原因，在网上搜到一位大佬的文章移动端line-height问题。
   解决办法：line-height:normal;padding:10px 0;
   

第三方库引用的差别

我的另一篇关于第三方库引用的文章，只总结了两种，一种是md5加密的，还有一种是RSA加密的。