微信小程序 API

微信小程序 API

微信小程序 API

​​https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html​​

demo

​​https://developers.weixin.qq.com/xcode/source/mp_cover_view?tabs=index%2Findex.js,index%2Findex.wxml,index%2Findex.wxss​​

taro

​​https://taro-docs.jd.com/taro/docs/components/viewContainer/cover-view.html​​

import Taro, { Component, Config } from '@tarojs/taro'
import {
View,
Text,
Image,
Icon,
Button,
WebView,
MovableView,
MovableArea,
} from '@tarojs/components'

import './index.scss'

// import {
//   AtIcon,
//   AtTabBar,
//   AtTabs,
//   AtTabsPane,
//   AtFloatLayout,
//   AtButton,
// } from 'taro-ui'

export default class MoveTest extends Component {
render () {
return (
<MovableArea style='height: 200px; width: 200px; background: red;'>
<MovableView style='height: 50px; width: 50px; background: blue;' direction='all'></MovableView>
</MovableArea>
    )
  }
}

---

taro render html bug

​​https://github.com/NervJS/taro/issues/5911#issuecomment-611944034​​

    // const html = `
    //   可当天预订，必须21时15分之前下单，要求必须<font color='green'><b>60</b>分钟内完成</font>在线支付。</br>预订时间：最晚需在【出行当天21:15】前购买<br>有效期：选择的使用日期当天有效。<br>适用条件：身高：1米（含）以上<br>
    // `;
    const html = `
      垃圾支付宝小程序 rich text
    `;
    // const html = `
    //   可当天预订，必须21时15分之前下单，要求必须<i>60</i>分钟内完成在线支付。</br>
    //   预订时间：最晚需在【出行当天21:15】前购买</br>
    //   有效期：选择的使用日期当天有效。</br>
    //   适用条件：身高：1米（含）以上</br>
    // `;
    // const html = `
    //   可当天预订，必须21时15分之前下单，要求必须<font color="green"><b>60</b>分钟内完成</font>在线支付。</br>预订时间：最晚需在【出行当天21:15】前购买<br>有效期：选择的使用日期当天有效。<br>适用条件：身高：1米（含）以上<br>
    // `;


        <Text className='html-render-bug'>{html}</Text>
        <RichText className='html-render-bug' nodes={html}/>
        <RichText className='html-render-bug' nodes={html}></RichText>

shit api

​​https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html​​

html ??? wrapper

div

---

xgqfrms