请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

亿仁网

 找回密码
 立即注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 500|回复: 0

微信小程序常见功能问答

[复制链接]
  • TA的每日心情
    奋斗
    2019-3-14 22:24
  • 签到天数: 160 天

    [LV.7]常住居民III

    1074

    主题

    1139

    帖子

    1万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    18046
    发表于 2017-6-15 15:58:11 | 显示全部楼层 |阅读模式

    1、如何键元素固定在界面,不随界面而滚动?

    如果界面底部有筛选、出发时间、旅行时间、显示价格4个导航菜单,则把它固定在界面底部,如图所示。

    WXML示例代码如下。

    1. <view class="bottomNav">
    2.   <view id="0" class="common" bindtap="switchNav">筛选</view>
    3.   <view sytle="color:#ffffff"></view>
    4.   <view id="1" class="common" bindtap="switchNav">出发时间</view>
    5.   <view sytle="color:#ffffff"></view>
    6.   <view id="2" class="common" bindtap="switchNav">旅行时间</view>
    7.   <view sytle="color:#ffffff"></view>
    8.   <view id="3" class="common" bindtap="switchNav">显示价格</view>
    9. </view>
    复制代码

    WXSS示例代码如下。

    1. .bottomNav{
    2.   background-color: #505963;
    3.   display: flex;
    4.   flex-direction: row;
    5.   height: 45px;
    6.   line-height: 45px;
    7.   position: fixed;
    8.   bottom: 0px;
    9.   width: 100%;
    10. }
    11. .bottomNav view{
    12.   margin: 0 auto;
    13. }
    14. .common{
    15.   font-size: 13px;
    16.   color: #ffffff;
    17. }
    复制代码

    2、怎样获取用户在表单组件中输入的内容?

    能够获取用户输入的组件,需要使用组件的属性bindchange将用户输入的内容同步到Appservire。

    1. <input id="myInput" bindchange= "bindChange" />
    2. <checkbox  id="myCheckbox" bindchange= "bindChange" />

    3. var inputContent = {}
    4. page({
    5.   data:{
    6.     inputContent:{}
    7.   },
    8.   bindChange:function(e){
    9.     inputContent[e.currentTargt.id] = e.datail.value
    10.   }
    11. })
    复制代码

    3、为什么脚本内不能使用windows等对象?

    页面的脚本逻辑是在JsCore中运行的,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用windows,也无法在脚本中操作组件。

    4、wx.navigateTo无法同时打开超过5个页面吗?

    一个应用同时只能打开5个页面,当已经打开了5个页面之后,wx.navigateTo不能正常打开新页面。请避免多层级的交互方式,或者使用wx.redirectTo。

    5、如何修改窗口的背景色?

    使用page标签选择器可以修改顶层节点的样式。

    1. page{
    2.   display:block;
    3.   min-height:100%;
    4.   background-color:red;
    5. }
    复制代码

    6、如何在跳转时带参数和在跳转到的界面接收参数?

    1. // 跳转带参数,示例代码如下。
    2. page({
    3.   btn:function(){
    4.     wx.navigateTo({
    5.       url:'../../index/index?id='+1000+"&name="+kevin
    6.     })
    7.   }
    8. })
    9. // 接收参数,示例代码如下。
    10. page({
    11.   onLoad:function(e){
    12.     var id = e.id;
    13.     var name = e.name;
    14.   }
    15. })
    复制代码



    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    造物之前,必先造人。
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|手机版|小黑屋|亿仁网 ( 粤ICP备16098737  

    GMT+8, 2021-3-8 11:40 , Processed in 0.074627 second(s), 31 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表