微信小程序 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

---