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