![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序笔记
文章平均质量分 51
阿拉灯神ding
这个作者很懒,什么都没留下…
展开
-
微信小程序将组件中的文字放置在正中间的方法
正常组件使用默认的属性时,只需要设置text-align属性为center即可,如下:demo.wxml<view class="test">测试</view>demo.wxss.test{ background-color: aqua; text-align: center;}效果图:如果此时将view组件的高度加高(设置height属性为100rpx)会出现下面的情况,文字在水平方向上的正中心,而不在垂直方向的正中心。解决方法如下,把文字单独放在一原创 2021-07-10 11:29:29 · 14990 阅读 · 0 评论 -
微信小程序无法找到组件的问题 [“usingComponents“][“component1“]:“xxx“未找到
一般是因为组件的路径不对导致的,引用组件的时候,要从根目录开始。原创 2021-07-08 15:07:58 · 15620 阅读 · 2 评论 -
微信小程序中text标签换行问题
在wxxml中加入text标签,当起始标签<text>和结束标签</text>都在一行的时候,文字不会换行<view class="zjkj" style="flex-direction:column;"> <text class="kjts">中国福利彩票双色球 {{expect}} 期开奖号码</text></view>效果如下:当起始标签<text>和结束标签</text>都不在一行的时候会原创 2021-07-08 13:07:18 · 7083 阅读 · 0 评论 -
微信小程序css之盒子(box)模型
概念在css的使用中,所有的元素都被理解成为一个盒子模型,这和QT中的盒子模型相同,如下图所示:Content: 这个区域是用来显示内容,大小可以通过设置 width 和 height.Padding: 包围在内容区域外部的空白区域,即内边距,大小通过 padding 相关属性设置。Border: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。Margin: 这是最外面的区域,是盒子和其他元素之间的空白区域,即外边距,大小通过 margin 相关属性设置。分类(块级盒子和内原创 2021-07-07 17:29:01 · 4727 阅读 · 0 评论 -
微信小程序学习之rich-text的嵌入静态HTML
最近开始学习制作小程序,微信的rich-text是支持table的,我测试着将福彩双色球的奖金对照表给搬了过来。下面是小程序实现的静态页面效果图。实现步骤首先打开福彩双色求的网站,找到要复制的部分,这里我们选中奖金对照表进行复制。在标签上点击右键选择“复制元素”,将html片段复制下来,放入rich-text的nodes属性中,这里要注意原来的片段中图片使用的是相对路径,需要复制其绝对路径,然后覆盖到img的src属性中。完整的代码如下:demo.js// pages/demo1/dem原创 2021-07-05 15:03:57 · 744 阅读 · 0 评论 -
微信小程序CSS Flexbox(弹性盒子)布局模块
容器中使用flexbox实例<div class="flex-container"> <div>1</div> <div>2</div> <div>3</div></div>含有三个项目的flex容器,其实就是一个普通的容器标签,在样式表中通过将他的display属性值设置为flex,就可以作为伸缩容器用了。.flex-container { display: flex;}fle原创 2021-07-06 23:13:13 · 2444 阅读 · 0 评论