微信小程序常见的开发问题汇总
发布时间:2022-07-25发布作者:思讯网络阅读次数:137

1. coverview 中的强制换行

1

2

3

4

5

.wrap{

  word-break: break-all;

  word-wrap:break-word;

  white-space:pre-line;

}

2. IOS 阻止页面弹性橡皮筋效果

1

2

3

4

5

6

7

8

9

// taro 为例

import Taro, { Component, Config } from '@tarojs/taro';

 

export default class HomePage extends Component {

    config: Config = {

        navigationBarTitleText: '首页',      

        disableScroll: true, // 这一句

    };

}

3. 组件之间的通信方法传递,taro 中需要方法名为 on 开头

container.js

1

2

3

4

5

6

7

import Child from 'child';

 

render(){

    return <View>

        <Child onToggle={this.handleToggle.bind(this)}/>

    </View>

}

child.js

1

2

3

4

5

6

7

handleClick(){

    this.props.onToggle();

}

 

render(){

    return <View onClick={this.handleClick.bind(this)}>点击测试</View>

}

4. 微信小程序地图

  • 在用户手动缩放地图时,不会自动触发 scale 的变化,如果要将地图缩放到初始大小,scale 值是没有变化的,不会触发页面更新;此时可以略微改变一下 scale 值,加上一个很小的数,如 0.000001

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

state = {

    scale : 10

}

 

resetScale(){

    this.setState({

        scale:this.state.scale===10?10.00001:10

    })

}

 

render(){

    return (

        <Map scale={this.state.scale}/>

    )

}

  • 地图定位不准的问题,尝试使用 gcj02 坐标

1

2

3

4

5

6

Taro.getLocation({

    type:'gcj02' // 这里

})

.then(res=>{

    let { longitude, latitude } = res;

})

移动互联网 铸就行业典范

Mobile Internet

  • 微信公众号开发

    以微信公众号为承载平台,打造专属定制化的公众号开发,以良好的用户体验操作体验,形成更具黏性的公众服务号平台。

  • 微信小程序

    无须关注与下载,超载传统的APP应用,实现更轻的应用更快的传播。以更好的UI设计与程序响应速度,将轻应用广泛传播使用。

  • H5营销页

    整合品牌互联化传播理念,从文案策划到页面交互设计,将网媒广告以更直接生动的形式传弟给用户,并最终形成转化与形象记忆。

联系我们,免费获得专属《策划方案》 及报价

集众家所长 · 只为

全流程定制开发,一对一的专业设计,用专业和态度为您提供优质的服务。

免费咨询

在线咨询
在线咨询
电话咨询
400-800-6227
微信咨询