不积跬步无以至千里001

2020-11-14 工作笔记

https://qh.zfkjgw.com 测试环境

https://paid.zfkjgw.com 支付环境

支付列表 在小程序端上拉加载有问题

搜索功能已实现 但是有bug

移动端用tap代替click 速度更快延迟更低

git码云 先提交 后推送

拉取和获取 拉取是直接覆盖

http://localhost:8080/index/register#/pages/index/register 直接路由跳转 没有设置路由拦截

CMD ipconfig 查找本地域名

wx.onNetworkStatusChange(function callback) 监听网络状态变化事件

plus.runtime.appid 获取当前应用的appid

vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板。

import axios from ‘axios’ es6引入插件方式

superagent 是一个轻量的,渐进式的ajax api,可读性好,学习曲线低,内部依赖nodejs原生的请求api,适用于nodejs环境下，而且它可以将链式写法玩的出神入化

两种单位混用的css样式 之前统统都是vh单位 在H5端没问题 在移动端效果极差，因为输入时会调用键盘，导致页面view缩小，所以页面样式也跟着缩小，效果完全不行，整个都会缩放，故改成固定单位，效果ok，页面缩放风吹浪打，我自巍然不动

<style>
	.container {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		padding-top: 66rpx;
	}

	.header {
		text-align: center;
		height: 300rpx;
		/* background-color: #0f0; */
	}

	.header-img {
		margin: 0 auto 24rpx;
		width: 130rpx;
		height: 130rpx;
		border-radius: 17.333vw;
		overflow: hidden;
	}

	.header-img>img {
		width: 100%;
		height: 100%;
	}

	.header-name {
		font-size: 4.8vw;
	}
	.mainform{
		display: flex;
		flex-direction: column;
		width: 100%;
		height:300rpx;
		min-height:150rpx;
		position: absolute;
		top: 340rpx;
	}
	.form-line {
		height: 80rpx;
		line-height: 80rpx;
		display: flex;
		flex-direction: row;
		font-size: 0;
		margin: 0 8vw;
		border-bottom: solid 1px #E5E5E5;
		box-sizing: border-box;
	}

	.fl-left {
		font-size: 4.267vw;
		width: 22vw;
	}

	.fl-right {
		width: calc(100% - 22vw);
		font-size: 4vw;
	}

	.fl-right>input {
		border: none;
		height: 80rpx;
		line-height: 80rpx;
		display: inline-block;
		font-size: 4vw;
	}

	.uni-input {
		font-size: 4vw;
		color: #666;
	}

	.flr-getverify {
		color: #09BB07;
		font-size: 4vw;
		display: inline-block;
		box-sizing: border-box;
		text-align: right;
		border-left: 1px solid #E5E5E5;
		height: 4.485vh;
		line-height: 4.485vh;
		width: 23vw;
		float: right;
		margin-top: 1.2vh;
	}

	.submit {
		width: 84vw;
		margin-left:8vw;
		position: absolute;
		top:  900rpx;
		height: 6.9vh;
		min-height: 6vh;
		line-height: 6.9vh;
		color: #FFF;
		background-color: #09BB07;
		text-align: center;
		font-size: 4.533vw;
		font-weight: bold;
		border-radius: 1vw;
	}
</style>