vscode创建uniapp项目 在vscode终端cd到当前项目输入 1npm install -g @vue/cli 如果报错的话就win+r 然后ctrl+shift+enter 用管理者模式打开输入上面命令 安装成功后输入 1vue create -p dcloudio/uni-preset-vue . 即在当前目录下安装uni-app模板的vue项目 待补充。。。

轮播图效果 轮播图的图片显示一般用ur嵌套li标签来装

一.垂直对齐方式：vertical-align 浏览器会把行内块，行内标签都当做文字处理，根据基线对齐(通常以文字的底部为基线)，就会导致图片和文字一上一下的效果，有些文字超出基线以下，故图片会和基线留有空白 设置vertical-aligin:middle（要作用在行内行内块的最高的一个上）比如文字和图片放一起作用在图片上（图片较高）可选效果有：top middle bottom 图片底部...

CSS精灵：将页面中要显示的小图放在一张大图里面利用定位显示想要的小图部分，用一张图显示多个小图，减轻服务器压力 创建盒子，盒子尺寸与小图尺寸相同 设置盒子背景图 添加background-positon属性，改变背景图位置 3.1 可以使用PxCook 测量小图片左上角坐标 3.2 取负数左上移动（移到要显示的小图盒子位置） 1234567891011121314<style>...

堆叠层级：z-index 标签书写越靠后，显示的优先级越高 设置z-index值越大显示优先级越高 12345678910111213141516div{ position:absolute; width:200px; height:200px}.box1{ background-color:pink; //不设置z-index为1的话显示的就是后设置的blu...

一.相对定位 position:relative 根据自身位置偏移 不脱标，占位即位置改变后原来的位置区域保留 设置相对定位的标签显示模式不变如：div 设置完相对定位后仍是块级 12345div{ position:relative; top:100px; left:100px} 二.绝对定位 position:absolute 参照最近的父级元素定位 脱标，不占位，...