分类 技术相关 下的文章

uni-app 默认端口为8080,与tomcat的默认端口冲突。
解决方案一(临时方法)、先启动tomcat,再启动uni-app此时uni-app的端口自动修改为8081。
解决方案二、打开manifest.json,选择H5配置,设置端口即可。

"h5" : {
    "devServer": {
    "port": 8181
    },
    "router" : {
        "mode" : "history"
    }

详情参考:https://zh.uniapp.dcloud.io/collocation/manifest.html#h5

端口号

很多项目都会有这种页面 左面图片 右边是文字,右边的的文字直接用边距把文字分开,有时候适配的话有的机型可能会有问题,然后我就查了一下flex有没有垂直居中的方法,然后发现了 flex-flow这个属性。这样可以精准控制 垂直布局了。

改变flex-flow的属性,让他垂直排列即可。

display:flex;
flex-flow: column; //垂直排列
justify-content: space-between;//两端对齐

flex flow

弹性布局(display:flex;)属性详解
Flexbox 是 flexible box 的简称(注:意思是“灵活的盒子容器”),是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。

flex垂直居中
display:flex;
align-items:center;/垂直居中/
justify-content: center;/水平居中/

首先明确一点是, 
flex 是 flex-grow、flex-shrink、flex-basis的缩写,0 1 auto
第一个参数表示: flex-grow 定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大
第二个参数表示: flex-shrink 定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小
第三个参数表示: flex-basis给上面两个属性分配多余空间之前, 计算项目是否有多余空间, 默认值为 auto

属性值较多下面放入图片方便大家使用(右键新窗口打开),打开查看大图
flex

androidstudio打正式包的时候报:
NoSuchMethodError: org.jetbrains.kotlin.resolve.diagnostics.DiagnosticSuppressor$Companion.getEP_NAME()

网上说是gradle-plug版本不兼容所致,后来调整各种版本还是不行。

解决方法

使用默认的gradle user home即可,或更换到其他空文件夹。
如果之前这个文件夹里面有文件,可能会影响到编译。

免责声明
本博客部分内容来自于互联网,不代表作者的观点和立场,如若侵犯到您的权益,请联系238611804@139.com。我们会在24小时内进行删除。