欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序项目实践及开发中CSS错误集合

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:505

HTML5影视传媒文化公司类网

2020-05-12   浏览:502

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

发布时间:2020-12-02  
一:项目实践

分享者:士兵-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组件使用时,无法设置图片大小等。 

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

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

以上设置都是无效的。 

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

这种设置有效。

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

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

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

此处即为navigate和redirect的区别:

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

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

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

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

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

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

 

二:开发中CSS错误集合

分享者:Fenchow,来自原文地址 
1.在flex布局中,如果子元素也加上display:flex的css样式,会导致子元素中的文字不能居中

 

<view class="board">

<view class="item">

<text class="item-text">开发</text>

</view>

<view class="item">

<text class="item-text">开发</text>

</view>

<view class="item">

<text class="item-text">开发</text>

</view>

<view class="item">

<text class="item-text">开发</text>

</view>

<view class="item">

<text class="item-text">开发</text>

</view>

<view class="clear"></view>

</view>

 

.board{

display: flex;

width:750rpx;

border:1px solid #ddd;

height:100rpx;

 

}

.item{

display: flex;

border:1px solid #ddd;

width:146rpx;

height:100rpx;

text-align:center;

line-height:100rpx;

 

}

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

 

.left-text{

font-size:40rpx;

color:8d8989;

font-family:Microsoft Yahei;