微信小程序
文章平均质量分 62
蛟~
这个作者很懒,什么都没留下…
展开
-
微信小程序—云开发—数据库——增删改查
新增数据方法一:在页面得到JS文件中操作:代码://获取集合的引用const db =wx.cloud.database()//指定需引用的集合的名称const productsCollection=db.collection('products')Page({ console.log(event) productsCollection.add({ data:{//需要添加的数据 title:"product 1",原创 2021-05-16 15:12:34 · 457 阅读 · 0 评论 -
navigator超链接导航组件——微信小程序
navigator行元素<view> <navigator> 这是一个超链接 </navigator></view> 常用基本属性url类似HTML中的herf地址不可以是网址,只可以是小程序内的地址,也可以小程序之间跳转<view> <navigator url="pages/logs/logs"> 这是一个超链接 </navigator></vie原创 2021-04-04 21:05:07 · 569 阅读 · 1 评论 -
view布局-微信小程序
创建一个视图容器view(wxml)<view class="box">这是一个view</view>(wxss).box{ width:200rpx; height:200rpx; color:red; background:#c4c42e;}hover-class指定按下去的样式类。当 hover-class=“none” 时,没有点击态效果(wxml)<view class="box" hover-class原创 2021-04-04 20:42:35 · 659 阅读 · 0 评论 -
flex弹性布局
flex弹性布局flex布局表示弹性布局,为盒装模型提供最大的灵活性,任何一种元素都可以指定为flex布局。在父级元素设置为flex布局后,子元素float\clear\vertical-align属性都将失效,所以在使用flex布局时,不应该先设置完子元素布局后使用。父级元素采用flex布局,n那么父级元素就称作容器,其所有的子元素就称作为项目容器中默认有水平的主轴和垂直的交叉轴项目在容器中默认沿主轴排列容器的常用属性flex-direction设置容器主轴的方向row:默认值原创 2021-04-04 20:42:08 · 406 阅读 · 0 评论 -
盒子模型(CSS)-微信小程序
盒子模型:margin,border,padding都是CSS的属性,而content是HTML元素的内容margin(外边距,透明的):border(边框):padding(内边距):content(内容):盒子的大小:默认情况下:宽度=内容宽度(width)+左、右填充(padding)+左、右边框(border)+左、右边距(margin)高度=内容高度(height)+上、下填充(padding)+上、下边框(border)+上、下边距(margin)注:默认情况下,wi原创 2021-04-04 20:31:43 · 1656 阅读 · 0 评论 -
自定义组件-微信小程序
自定义组件的创建方法在根目录下创建components文件夹(为了区分一般的文件夹)在components下面创建新的组件名文件夹,在新创建的组件名文件夹下继续创建component在创建好的组件的xhtml中写出想要显示的内容,在wxss中编辑样式比如是在主页index中想要调用自定义组件,那么就需要在index.json中进行配置(属性名是组件名,值就是组件的路径)例如:"usingComponents": { "xsj":"/components/xsj/xsj",原创 2021-04-03 17:26:03 · 2287 阅读 · 3 评论