美化了样式2.0

pages/course/createCourseOrder/createCourseOrder.wxml

@@ -51,3 +51,27 @@
   <!-- 遮罩 -->
   <view wx:if="{{isMaskVisible}}" class="page-mask"></view>
 </view>
+
+
+<!-- ===== 购买须知弹窗（富文本） ===== -->
+<view wx:if="{{isNoticeVisible}}" class="modal-mask" catchtouchmove="noop">
+  <view class="modal" catchtap="noop">
+    <view class="modal-title">课程购买须知</view>
+
+    <!-- 富文本内容：支持 p/h1-h6/strong/em/ul/ol/a 等常见标签 -->
+    <scroll-view scroll-y class="modal-body">
+      <rich-text nodes="{{noticeHtml}}"></rich-text>
+    </scroll-view>
+
+    <view class="modal-actions">
+      <button class="btn-primary" bindtap="closeNotice">我知道了</button>
+    </view>
+  </view>
+</view>
+
+<!-- 右上角购买须知按钮 -->
+<view class="notice-icon" bindtap="openNotice">
+  <image src="./image/info.png" mode="aspectFit" class="notice-icon-img" />
+  <text class="notice-icon-text">购买须知</text>
+</view>
+