收录排名好的发帖网站,中诺建设集团有限公司网站,嘉兴做网络推广的公司,云虚拟主机 wordpress点击整个专栏查看其它系列文章 #xff08;系列文章更新中…#xff09;#xff1a;《iVX 高仿美团APP制作移动端完整项目》 项目界面预览#xff1a; 一、创建项目 首先打开在线编辑器地址#xff1a;https://editor.ivx.cn/ 随后登录帐号后创建一个相对应用项目系列文章更新中…《iVX 高仿美团APP制作移动端完整项目》 项目界面预览 一、创建项目 首先打开在线编辑器地址https://editor.ivx.cn/ 随后登录帐号后创建一个相对应用项目并且给予一个项目名称 点击创建后进入线上IDE 接着选择对象树中的前台为其创建一个页面 随后选择页面邮件重命名命名为首页 二、添加基本背景 我们可以观察页面发现当前首页可以分为标题和下面的内容页 在此我们先创建一个行该行将会包含“标题”以及“内容”两个区域 此时我们在行的属性面板中找到对应的背景色将其值拖拽至最左侧将会使其背景色透明 此时该行会有高度我们可以在行属性中的高度中设置其属性为包裹设置包裹后其中的内容有多高那么该行的高度就会随着其内容的高度改变 急着我们点击首页设置其背景颜色 三、设置标题内容 此时我们已经完成了背景和主要容器的添加此时我们在主要行中添加一个行重命名为标题 在此我们可以分析一下该行的区域分布我们可以分布为左和右那么我们即可在这个行中再添加两个行一个命名为左一个命名为右 添加完毕后如下 此时我们可以发现由于行本身占据了一定的宽度左右分别占据了两行这两行我们需要将其并为一行我们在此分析在当前标题内容中左侧为大部分内容右侧为小部分内容我们可以将左侧的行的宽度设置为 90%右侧行的宽度设置为 10%此时页面中两行内容将会显示在一行之中 此时行的宽度太高我们将其标题行的宽度设置为 40px 但由于标题行中的左右两行明显其本身占据了一定高度所以会超出显示在此我们将左右两行的高度设置为包裹 此时还有最后一个因素需要解决咱们将标题行中的所有行包括标题行的背景色全部设置为透明 接着我们查看原网页可以得知原网页的标题左侧为一个 icon 图标接着是一个文本最右侧是一个箭头图标 此时我们点击行在其中添加图标 接着我们在图标样式中找到 location并且设置并对其更改对应的大小 接着添加文本内容以及箭头图标自己需要设置其大小 此时我们发现当前内容并不垂直对其我们只需要设置其父容器为垂直居中即可 接着我们再到右边添加一个图标为 bell 即可 为了保证其靠右显示并且垂直居中需要对其行进行对其的设置 接着由于其内容太贴近于左右两侧我们需要设置其父容器也就是标题行设置标题行的左右上下内编剧 设置完之后效果如下