用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序项目实践及开发中CSS错误集合

纸飞机 2018-3-8 09:35

一:项目实践分享者:士兵-nudt,来自原文地址 有tabBar的页面用switchTab进行跳转,没有tabBar的页面用navigateTo进行跳转。我们可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 modu ...

一:项目实践

分享者:士兵-nudt,来自

原文地址


有tabBar的页面用switchTab进行跳转,没有tabBar的页面用navigateTo进行跳转。

我们可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。

import可以在该文件中使用目标文件定义的template。但是要注意import没有传递性,即:C import B,B import A,在C中可以使用B定义的template,在B中可以使用A定义的template,但是C不能使用A定义的template。

include可以将目标文件除了的整个代码引入,相当于是拷贝到include位置。

使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。

swiper组件使用时,无法设置图片大小等。

以上设置都是无效的。

这种设置有效。

Picker和picker-view的区别在于一个从底部弹出,一个直接嵌入页面内部

此处即为navigate和redirect的区别:


切换页面时传递参数的方法:


变量的声明可以在pages外部(全局变量)、在pages内部时可以在data内部也可以在data外部。

二:开发中CSS错误集合

分享者:Fenchow,来自

原文地址


1.在flex布局中,如果子元素也加上display:flex的css样式,会导致子元素中的文字不能居中

  1. class="board">
  2. class="item">
  3. class="item-text">开发
  4. class="item">
  5. class="item-text">开发
  6. class="item">
  7. class="item-text">开发
  8. class="item">
  9. class="item-text">开发
  10. class="item">
  11. class="item-text">开发
  12. class="clear">
  1. .board{
  2. display: flex;
  3. width:750rpx;
  4. border:1px solid #ddd;
  5. height:100rpx;
  6. }
  7. .item{
  8. display: flex;
  9. border:1px solid #ddd;
  10. width:146rpx;
  11. height:100rpx;
  12. text-align:center;
  13. line-height:100rpx;
  14. }

2.为text的类中写宽高样式是不起作用的,倒是适合写一些和text有关的效果,比如color、font-size、font-weight、font-family

  1. .left-text{
  2. font-size:40rpx;
  3. color:8d8989;
  4. font-family:Microsoft Yahei;
  5. }
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏