wlyyui 文档 wlyyui 文档
首页
  • 介绍
  • 快速上手
  • 自定义主题
  • 基础组件

    • Color 色彩
    • Text 文本
    • Icon 图标
    • Button 按钮
    • Animation 动画
  • 布局组件

    • GridLayout 栅格布局
    • Grid 宫格
    • Panel 面板
    • Preview 表单预览
    • List 列表
    • Card 卡片
  • 表单组件

    • Calendar 日历
    • Cascader 级联选择器
    • Picker 选择器
    • DatePicker 日期时间选择器
    • Slider 滑块选择器
    • Form 表单校验
    • FormItem 表单项
    • Select 选择器
    • Input 输入框
    • InputNumber 数字输入框
    • Label 标签
    • Radio 单选框
    • Checkbox 复选框
    • Switch 开关
    • Textarea 多行输入框
    • Rate 评分
    • Upload 图片上传
    • UploadVideo 视频上传
    • SearchBar 搜索栏
  • 反馈类型组件

    • ActionSheet 上拉菜单
    • Toast 轻提示
    • Backdrop 遮罩层
    • Dialog 对话框
    • DropdownMenu 下拉菜单
    • Modal 模态框
    • Gallery 画廊
    • Landscape 压屏窗
    • LoadAni 加载动画
    • Spin 旋转动画
    • Message 消息提示
  • 导航类型组件

    • NavBar 导航栏
    • BubbleBox 气泡框
    • Seg_tab 分段器
    • Tabbar 标签栏
    • BottomNavbar 底部导航栏
    • Tabs 标签页
    • IndexList 索引列表
    • NoticeBar 通告栏
    • Sticky 吸顶容器
    • Steps 步骤条
    • Fab 浮动按钮
    • Drawer 抽屉
    • BottomPopup 底部弹出层
    • TopPopup 顶部弹出层
    • TimeAxis 时间轴
    • SideMenu 纵向选项卡
  • 展示组件

    • Badge 徽章
    • Alert 警告框
    • Avatar 头像
    • Tag 标签
    • Tag 标签
    • Progress 进度条
    • Circle 圆形进度条
    • CountDown 倒计时
    • Divider 分割线
    • LoadMore 加载更多
    • Empty 缺省页
    • Skeleton 骨架屏
    • Parse 富文本
  • 拓展组件

    • ShareSheet 分享面板
    • Result 结果页
    • FilterBar 筛选栏
    • SingleInput 单输入框
    • DigitalRoller 数字滚轮
    • DigitalKeyboard 数字键盘
    • LicensePlate 车牌号键盘
    • SwiperDot 轮播图指示点
    • CopyText 长按复制
    • CubicBezier 贝塞尔曲线
    • ImageCropper 图片裁剪
    • Drag 拖拽排序
    • RotateVerify 旋转验证码
    • SliderCaptcha 滑块拼图验证
资源
案例
GitHub (opens new window)
首页
  • 介绍
  • 快速上手
  • 自定义主题
  • 基础组件

    • Color 色彩
    • Text 文本
    • Icon 图标
    • Button 按钮
    • Animation 动画
  • 布局组件

    • GridLayout 栅格布局
    • Grid 宫格
    • Panel 面板
    • Preview 表单预览
    • List 列表
    • Card 卡片
  • 表单组件

    • Calendar 日历
    • Cascader 级联选择器
    • Picker 选择器
    • DatePicker 日期时间选择器
    • Slider 滑块选择器
    • Form 表单校验
    • FormItem 表单项
    • Select 选择器
    • Input 输入框
    • InputNumber 数字输入框
    • Label 标签
    • Radio 单选框
    • Checkbox 复选框
    • Switch 开关
    • Textarea 多行输入框
    • Rate 评分
    • Upload 图片上传
    • UploadVideo 视频上传
    • SearchBar 搜索栏
  • 反馈类型组件

    • ActionSheet 上拉菜单
    • Toast 轻提示
    • Backdrop 遮罩层
    • Dialog 对话框
    • DropdownMenu 下拉菜单
    • Modal 模态框
    • Gallery 画廊
    • Landscape 压屏窗
    • LoadAni 加载动画
    • Spin 旋转动画
    • Message 消息提示
  • 导航类型组件

    • NavBar 导航栏
    • BubbleBox 气泡框
    • Seg_tab 分段器
    • Tabbar 标签栏
    • BottomNavbar 底部导航栏
    • Tabs 标签页
    • IndexList 索引列表
    • NoticeBar 通告栏
    • Sticky 吸顶容器
    • Steps 步骤条
    • Fab 浮动按钮
    • Drawer 抽屉
    • BottomPopup 底部弹出层
    • TopPopup 顶部弹出层
    • TimeAxis 时间轴
    • SideMenu 纵向选项卡
  • 展示组件

    • Badge 徽章
    • Alert 警告框
    • Avatar 头像
    • Tag 标签
    • Tag 标签
    • Progress 进度条
    • Circle 圆形进度条
    • CountDown 倒计时
    • Divider 分割线
    • LoadMore 加载更多
    • Empty 缺省页
    • Skeleton 骨架屏
    • Parse 富文本
  • 拓展组件

    • ShareSheet 分享面板
    • Result 结果页
    • FilterBar 筛选栏
    • SingleInput 单输入框
    • DigitalRoller 数字滚轮
    • DigitalKeyboard 数字键盘
    • LicensePlate 车牌号键盘
    • SwiperDot 轮播图指示点
    • CopyText 长按复制
    • CubicBezier 贝塞尔曲线
    • ImageCropper 图片裁剪
    • Drag 拖拽排序
    • RotateVerify 旋转验证码
    • SliderCaptcha 滑块拼图验证
资源
案例
GitHub (opens new window)
  • 基础组件

    • Color 色彩
    • Text 文本
    • Icon 图标
    • Button 按钮
    • Animation 动画
  • 布局组件

    • GridLayout 栅格布局
    • Grid 宫格
    • Panel 面板
    • Preview 表单预览
    • List 列表
    • Card 卡片
  • 表单组件

    • Calendar 日历
    • Cascader 级联选择器
    • Picker 选择器
    • DatePicker 日期时间选择器
    • Slider 滑块选择器
    • Form 表单校验
    • FormItem 表单项
    • Select 选择器
    • Input 输入框
    • InputNumber 数字输入框
    • Label 标签
    • Radio 单选框
    • Checkbox 复选框
    • Switch 开关
    • Textarea 多行输入框
    • Rate 评分
    • Upload 图片上传
    • UploadVideo 视频上传
    • SearchBar 搜索栏
  • 反馈类型组件

    • ActionSheet 上拉菜单
    • Toast 轻提示
    • Backdrop 遮罩层
    • Dialog 对话框
    • DropdownMenu 下拉菜单
    • Modal 模态框
    • Gallery 画廊
    • Landscape 压屏窗
    • Loading 加载
    • LoadAni 加载动画
    • Spin 旋转动画
    • Message 消息提示
    • SwipeAction 滑动菜单
  • 导航类型组件

    • NavBar 导航栏
    • BubbleBox 气泡框
    • Seg_tab 分段器
    • Tabbar 标签栏
    • BottomNavbar 底部导航栏
    • Tabs 标签页
    • IndexList 索引列表
    • NoticeBar 通告栏
    • Sticky 吸顶容器
    • Steps 步骤条
    • Fab 浮动按钮
    • Drawer 抽屉
    • BottomPopup 底部弹出层
    • TopPopup 顶部弹出层
    • TimeAxis 时间轴
    • SideMenu 纵向选项卡
  • 展示组件

    • Badge 徽章
    • Alert 警告框
    • Avatar 头像
    • Tag 标签
    • DataTag 标签选择
    • Progress 进度条
    • Collapse 折叠面板
    • Circle 圆形进度条
    • CountDown 倒计时
    • Divider 分割线
    • LoadMore 加载更多
    • Empty 缺省页
    • Skeleton 骨架屏
    • Parse 富文本
    • 拓展组件

      • ShareSheet 分享面板
      • Result 结果页
      • FilterBar 筛选栏
      • SingleInput 单输入框
      • DigitalRoller 数字滚轮
      • DigitalKeyboard 数字键盘
      • LicensePlate 车牌号键盘
      • SwiperDot 轮播图指示点
      • CopyText 长按复制
      • CubicBezier 贝塞尔曲线
      • ImageCropper 图片裁剪
      • Drag 拖拽排序
      • SlideVerify 滑动验证码
      • RotateVerify 旋转验证码
      • SliderCaptcha 滑块拼图验证
    • 组件
    • 展示组件
    Mr zhang
    2023-08-14
    目录

    Parse 富文本

    Parse 富文本,用于解析展示富文本。

    # 支持平台

    App(vue) App(nvue) H5 小程序
    ✓ ✓ ✓ ✓

    # 基础使用

    <wui-parse :content="content"></wui-parse>
    
      const content = ref<any>(
        `<p>各位病友:</p><p>感谢您选择来我院就诊,为保证您顺利完成预约挂号及当日就诊,请您认真阅读并充分理解以下规则,选择同意接受或不同意接受:</p><p><strong style="color: rgb(230, 0, 0);">一、重点提醒</strong></p><p>1、请做好个人防护,全程佩戴口罩,感谢您的配合。</p><p>2、有妇产科相关疾病的发热患者请至发热门诊就诊。</p><p>3、为减少医院人员聚集,门诊就诊实行非必要不陪同;住院患者尽可能一人一陪护并减少探视。</p><p><strong style="color: rgb(230, 0, 0);">二、在线建档</strong></p><p><strong>1、首次使用者:</strong>请按提示内容真实添加就诊人信息,完成实名认证即可使用各项功能。</p><p><strong>2、关于新生儿就医的温馨提示:</strong></p><p>1)已办理户口本者:请按提示内容正确添加新生儿信息,完成实名认证即可使用各项功能。</p><p>2)仅办理新生儿出生证明而未上户口的或者出生证明也未办理者:请就诊日直接前往人工收费窗口现场挂号。(新生儿相关门诊地点:湖滨院区-保健大楼2楼,钱江院区-3号楼2楼;人工收费窗口地点:湖滨院区-保健大楼3楼,钱江院区-2号楼1楼门诊综合服务中心)</p><p><strong style="color: rgb(230, 0, 0);">三、就医规则</strong></p><p><strong>(一)实名制就医:</strong>浙大妇院实行实名制预约挂号,请您提供正确的个人信息,确保手机号码通畅,以便医生出诊时间有变动时与您联系。</p><p><strong>(二)分时段预约就诊制:</strong></p><p><strong>1、预约挂号/取号</strong></p><p>1)所有号源提前14天开放(提前14天下午3:00开始预约,每日24:00截止次日预约);预约成功后,将有短信推送。</p><p>2)就诊日当天请携带有效证件,按预约候诊时间在医院自助机取号或者就诊日当天在线取号。(注:通过浙大妇院互联网医院微信/支付宝小程序、微信公众号、医生诊间预约、医院自助机预约的号源,支持在线取号功能。已在线支付取号者,请按短信提示直接前往就诊区域签到候诊)。</p><p>3)取号截止时间:上午号源11:00、下午号源4:00。</p><p><strong>2、当日挂号时间</strong></p><p>上午号源7:00-11:30;下午号源7:00-16:30。</p><p><strong>3、支付</strong></p><p>因受医保政策及技术支持限制,目前仅浙大妇院互联网医院支付宝小程序,支持除生育保险、规定病种外的智慧医保参保类型的门诊缴费的在线医保支付;其余移动端途径的门诊缴费仅支持自费支付。(<strong>注:</strong>在线自费挂号/取号的医保患者,后续如需使用医保支付,建议前往自助机或人工收费窗口结算)</p><p><strong>4、退号</strong></p><p>1)支持医院人工窗口办理当日退号(非当日挂号无法退号退费)。</p><p>2)线上退号:在线取号的号源支持通过原支付途经的在线退号(退费退号截止时间是当天23:50前)。</p><p><strong>5、取消预约</strong></p><p>若不能按时就诊,请至少提前一天,通过原预约途径取消预约;截止取消预约时间为就诊日0点之前,过时不能取消。(<strong>注:</strong>浙大妇院互联网医院微信/支付宝小程序、微信公众号支持通过医院官方途径预约号源的取消预约服务)</p><p>6、关于下列行为进入黑名单限制手机预约的提示</p><p><strong>1)取消预约次数限制:</strong>一周内取消预约4次或四周内取消预约6次,限制手机预约4周。</p><p>2)预约后未就诊限制:预约后就诊当日未取号则视为爽约。三个月内累计3次爽约,限制手机预约12周。</p><p><strong>注:</strong>通过移动端平台在线当日挂号、现场自助机预约或医生诊间预约挂号均不受影响。</p><p><strong style="color: rgb(230, 0, 0);">四、温馨提示</strong></p><p>1、初诊且未做过相关检查的患者,建议先预约普通门诊。</p><p>2、同一天同一时段同一科室/医生只能有一次预约记录。</p><p>3、医院支付宝生活号暂不支持在线建档服务功能。</p><p>3、点击“就医助手”模块,就医环节中的关键信息可主动指引、实时推送。</p><p>4、外地牌照车辆:支付宝搜索“非浙A急事通”,可申请在杭州“错峰出行”时段、区域内通行。</p>`,
      );
    

    # Props

    属性名 类型 说明 默认值 平台差异说明
    content String 要显示的富文本字符串 - -

    # Events

    事件名 说明 回调参数
    - - -
    Skeleton 骨架屏
    ShareSheet 分享面板

    ← Skeleton 骨架屏 ShareSheet 分享面板→

    Theme by Vdoing | Copyright © 2023-2023 Mr zhang | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式