摘要：
vue学习： https://blog.csdn.net/pyycsd/article/category/7318607 vscode学习： https://blog.csdn.net/pyycsd/article/details/80969722 webpack学习： http://jspang. 阅读全文
posted @ 2018-07-21 17:29
追风筝的蜗牛
阅读(161)
评论(0)
推荐(0)
摘要：
例如，在App.vue中，可以使用这样一段代码，即： 在这段代码中， <m-header></m-header> <tab></tab> 就会被所有的页面用到！从而实现了复用！ 阅读全文
posted @ 2018-07-01 22:32
追风筝的蜗牛
阅读(708)
评论(0)
推荐(0)
摘要：
（1）先放代码，即： 我认为flex是设置一段区域，然后flex=1的部分会自动使用剩下的所有空间。 （2）父元素title-2设置为： display: flex height: 9rem （3）同时，设置图片的高度为8.8rem，然后再用padding使用余下的高度，即： height: 8.8 阅读全文
posted @ 2018-07-01 21:47
追风筝的蜗牛
阅读(2009)
评论(0)
推荐(0)
摘要：
（1）先上代码，即： （2）首先设置大div的高度，这里通过设置icons,即： height: 0 padding-bottom: 50% 可以实现大div高度为长度的50%，50%是根据父元素的宽度作为标准的。 （3）然后设置小div的高度和宽度，即icon为： height: 0 paddin 阅读全文
posted @ 2018-07-01 20:07
追风筝的蜗牛
阅读(2557)
评论(0)
推荐(0)
摘要：
（1）先放出示例代码，即： （2）一开始引入图片的时候，图片会非常大，但给<img>标签中增加增加1个样式，其中将width设置成100%即可实现正常显示。 （3）但采用iview组件无法实现通过手指拨动图片的效果，而且左右显示的位置不是中间位置； （4）也试了一下element ui组件，还是还是 阅读全文
posted @ 2018-07-01 15:59
追风筝的蜗牛
阅读(7455)
评论(0)
推荐(1)
摘要：
（1）先放示例代码，即： （2）首先，在父元素中采用flex布局，然后左子元素采用向左浮动，右元素采用向右浮动，而中间元素设置flex为1，即在左右元素宽度确定的情况下，剩下的宽度由中间部分占领。 （3）当父元素的高度等于子元素的行高时，子元素会实现上下自动居中；（只试用只有一行的情况下） （4）采 阅读全文
posted @ 2018-07-01 15:35
追风筝的蜗牛
阅读(1548)
评论(0)
推荐(0)
摘要：
（1）先放出相应的代码，即： （2）将父元素设置为relative，子元素设置为absolute，同时让子元素的top、left等设置为0，最后将margin设置为auto，即可实现父元素方框中的input框上下对齐。 （3）将height和line-height设置为一样高，可以实现里面的文字上下 阅读全文
posted @ 2018-07-01 09:55
追风筝的蜗牛
阅读(773)
评论(0)
推荐(0)
摘要：
（1）首先列出相应的代码，即： （2）将line-height设置为对象的height时，此对象中的文字则会垂直居中。但给若给这个对象设置border则会出现问题。 （3）将父元素position设置为relative，而子元素设置为absolute时，子元素被限制在父元素的区域中。可以根据top、 阅读全文
posted @ 2018-06-30 21:53
追风筝的蜗牛
阅读(176)
评论(0)
推荐(0)
摘要：
将line-height设置为对象的height时，此对象中的文字则会垂直居中。但给若给这个对象设置border则会出现问题。 阅读全文
posted @ 2018-06-30 21:48
追风筝的蜗牛
阅读(231)
评论(0)
推荐(0)
摘要：
前言 建议都在已经建立好的vue项目的基础上，再引入element ui或iview组件，而不是按照element ui或iview的官方网站进行，那样一般会存在很多设置的问题。 一、引入element ui组件 （1）安装element ui，即： 然后在项目中的node_modules目录下查看 阅读全文
posted @ 2018-06-30 21:25
追风筝的蜗牛
阅读(1639)
评论(0)
推荐(0)
浙公网安备 33010602011771号