在uni.scss中直接修改你的样式即可: uni-modal .uni-modal { width: 538.46rpx; border-radius: 15.38rpx; .uni-modal__hd { font-size: 32.69rpx; font-weight: 500; padding: 38.46rpx 38.46rpx 23.08rpx; color: rgba(23, 26, 29, 1); } .uni-modal__bd { padding: 0 38.46rpx 30.77rpx; col...
在uni-app中,uni.showModal是一个用于显示模态对话框的API,其默认样式在某些情况下可能无法满足设计需求。为了修改uni.showModal的样式,你可以采用以下几种方法: 1. 通过全局样式修改 uni-app允许在全局样式文件中(如App.vue中的<style>标签或全局的uni.scss文件)定义自定义样式,覆盖默认样式类来实现样式修...
page-shared 表示在这个页面禁用 app.wxss ,同时,页面 wxss 样式会影响到其他设为 apply-shared 或shared 的自定义组件,也会受到设为 shared 的自定义组件的影响。 示例: <template> <view class="confirm-modal"> <view class="slot-content"> <slot name="content"></slot> </view> </view> </tem...
console.log('User selected:', option); this.showPopupModal = false; // 隐藏弹窗 // 根据用户选择执行相应的操作 }, }, }; 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 3. 为弹窗添加样式 .popup-content { background-color: #fff; padding: ...
}":id="getNodeIndex(index)"v-for="(item, index) in nodeList":key="item.id":node-info="item":node-index="index":current-pos="currentPos":button-color="buttonColor"@detail="showNodeDetailModal"></line-node><!-- 节点 --></view><!-- 线路区域 --> ...