- 页面中的cover-image为什么不会显示,在开发者工具可以显示 ,设置了宽
页面中的cover-image为什么不会显示,在开发者工具可以显示 ,设置了宽高 <cover-view class='indicate {{indicate?"show_indicate":"hide_indicate"}}' bindtap='indicateTap'> <cover-image class='indicate-img' src='../../../images/indicate.png'></cover-image> <cover-view class='indicate-text'>点击右上角“...”可以转发哦!</cover-view> </cover-view> /*指示 */ .indicate{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, .8); transition: all .7s; text-align: right; } .show_indicate{ opacity: 1; /* z-index: 99; */ } .hide_indicate{ opacity: 0; z-index: -99; } .indicate-text{ color: white; white-space: pre-wrap; } .indicate-img{ display: inline-block; position: relative; top: 0; right:150rpx; width: 62rpx; height: 122rpx; } 工具效果 [图片] 手机效果 [图片]
2018-04-25 - map组件和cover-view组件使用过度效果不起作用
map组件和cover-view在我控制他们的高时在开发者工具上没问题,但是在手机上没效果 <!--component/phase/index.wxml--> <map bindtap='contentShowTap' class='map {{isShowContent?"show_map":"hide_map"}}'></map> <!-- <view bindtap='contentShowTap' bindtouchstart='contentShowStart' bindtouchmove="contentShowMove" bindtouchend='contentShowEnd' class='content {{isShowContent?"show_content":"hide_content"}}'> <view style='height:100rpx'>1</view> <view style='height:100rpx'>1</view> <view style='height:100rpx'>1</view> <view style='height:100rpx'>1</view> </view> --> wxml <cover-view bindtap='contentShowTap' bindtouchstart='contentShowStart' bindtouchmove="contentShowMove" bindtouchend='contentShowEnd' class='content {{isShowContent?"show_content":"hide_content"}}'> <cover-view style='height:100rpx'>1</cover-view> <cover-view style='height:100rpx'>1</cover-view> <cover-view style='height:100rpx'>1</cover-view> <cover-view style='height:100rpx'>1</cover-view> </cover-view> js data: { isShowContent:false, isMove:false, }, contentShowTap(){ console.log(1) this.setData({ isShowContent: !this.data.isShowContent }) }, contentShowStart(){ console.log("点击开始") }, contentShowMove(){ this.setData({ isMove:true }) }, contentShowEnd(){ if (this.data.isMove){ this.setData({ isShowContent: !this.data.isShowContent }) } } wxss .map{ transition: all .7s; width: 100%; } .hide_map{ height: 73.3vh; } .show_map{ height: calc(73.3vh - (754rpx - 26.7vh)); } .content{ position: fixed; bottom: 0; left: 0; width: 100%; background: white; transition: all .7s; overflow: hidden; } .hide_content{ height: 26.7vh; } .show_content{ height: 754rpx; } 框架中提到map组件的限制 [图片] 但是没说过度不可以 cover-view 组件中提到 没说过度不可以 [图片] 请问我应该怎么去写这个过度
2018-04-20 - 小程序页面数据绑定怎么绑定全局定义的数据
你想反馈一个 Bug 还是 提一个需求? 如果是 Bug:小程序页面数据绑定怎么绑定全局定义的数据 * Bug 表现是什么?预期表现是什么? * 如何复现? * 提供一个最简复现 Demo 如果是需求: * 你希望有什么能力? * 你需要这个能力的场景是 ?
2018-01-05 - 我用wx:if控制view,里边的canvas当我切换时,为什么里边的还是不显示
<view class='device-state-content'> <view class='sign'> <view class='sign-item {{isHighlight=="温度"?"highlight":false}}' data-name="温度" bindtap='signTap'>温度 (摄氏度)</view> <view class='sign-item {{isHighlight=="湿度"?"highlight":false}}' data-name="湿度" bindtap='signTap'>湿度 (百分比)</view> <view class='sign-item {{isHighlight=="位置"?"highlight":false}}' data-name="位置" bindtap='signTap'>位置</view> </view> <view class='sign-content'> <view style='width:325px;' data-isShowT='' wx:if="{{isHighlight=='温度'&&geo_info[0].info.t}}"> <canvas style='width:100%;height:100px' canvas-id='lineCanvas' disable-scroll="true" bindtouchstart="touchHandlerT"></canvas> </view> <view wx:if="{{!geo_info[0].info.t}}">暂无温度数据!</view> </view> </view> 本来我的canvas会显示,但是当我点击完湿度又点击温度之后canvas的display还是none
2017-12-25 - 小程序动画为什么不出效果
<wxml> <view id='seek' wx:if="{{isSearch}}" animation="{{animationData}}"> <view class='seek'> <input bindconfirm='searchTap' placeholder='设备名称/设备序列号' confirm-type="search" value='{{searchInput}}' focus placeholder-style='font-size: 28rpx;color: #999999;text-align: center;'></input> <view class='cancel' bindtap='cancelTap'>x</view> <view class='quit' bindtap='HideSearchTap'>取消</view> </view> <view class='result' wx:if='{{isHistory}}'> <view class='text-result'>搜索历史</view> <view class='history'> <view class='history-item' wx:for="{{history}}" wx:key="{{index}}">{{item}}</view> </view> </view> </view> <wxss> #seek{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background-color: #F5F5F5; z-index: 199; } .seek{ width: 100%; height: 108rpx; line-height: 108rpx; background-color: #6880C4; padding: 0 20rpx; position: fixed; display: flex; align-items: center; justify-content: space-around } input{ width: 70vw; height: 48rpx; background-color: white; border-radius: 6rpx; font-size: 28rpx; padding-left: 20rpx; padding-right: 40rpx; } .cancel{ position: absolute; top: 0; left: calc(70vw + 65rpx); z-index: 10; color: #999999; } .cancel{ position: absolute; top: 0; right: 40rpx; z-index: 10; color: #999999; width: 56rpx; } .result{ position: relative; top: 116rpx; } .text-result{ opacity: 0.75; font-size: 28rpx; color: #3D3D3D; letter-spacing: 0; padding: 0 20rpx; } .history{ margin-top: 42rpx; display: flex; flex-wrap: wrap; } .history-item{ opacity: 0.75; font-size: 28rpx; color: #000000; letter-spacing: 0; background: #FFFFFF; border: 1rpx solid #dddddd; border-radius: 8rpx; text-align: center; height: 70rpx; line-height: 70rpx; margin: 0 20rpx 20rpx 20rpx; padding: 0 26rpx; } .quit{ font-size: 28rpx; } <js> onReady: function () { wx.hideLoading(); // 实例化动画 this.animation = wx.createAnimation({ duration: 1000, timingFunction: 'ease-in-out', }); }, ShowSearchTap(){ this.animation.opacity(1).step() this.setData({ isSearch:true, animationData:this.animation.export() }); },
2017-12-20 - 小程序怎么判断一个元素进入可视范围
我发了一个请求渲染到了页面,里边有一个地址信息,但是服务端给我返回的却是经纬度,我需要通过经纬度去获得地址信息,但是要求是只有在元素进入到可视区域的时候才去发获得位置的请求,如果不进入到可视区域,不去获得这个地址信息,我应该怎么去获得
2017-12-15 - 小程序有没有图表类的插件啊wxcharts怎么找不到详细的文档。
小程序有没有图表类的插件啊wxcharts怎么找不到详细的文档。
2017-12-13