Skip to content

H
hello uni-app x

DCloud / hello uni-app x

通知 6006
Star 91
Fork 164
H
hello uni-app x
提交 e5c8c12e 编写于 作者: taohebin@dcloud.io's avatar taohebin@dcloud.io
浏览文件
操作

update: border与v-show组合示例

上级 8b19183b
隐藏空白更改
内联 并排
Showing with 28 addition and 12 deletion
pages/CSS/border/border.uvue
浏览文件 @ e5c8c12e
<template> <template>
<view style="flex-grow: 1;"> <!-- #ifdef APP -->
<view> <scroll-view style="flex: 1">
<text>border: 5px dotted blue</text> <!-- #endif -->
<view class="common" style="border: 5px dotted blue;"></view> <view style="flex-grow: 1;">
</view> <view>
<view> <text>border: 5px dotted blue</text>
<text>border与background-image同时设置</text> <view class="common" style="border: 5px dotted blue;"></view>
<view class="common" </view>
style="border-style: solid;border-color: rgba(0, 0, 255, 0.1);background-image: linear-gradient(to right, #00ff00, #00bc79)"> <view>
<text>border与background-image同时设置</text>
<view class="common"
style="border-style: solid;border-color: rgba(0, 0, 255, 0.1);background-image: linear-gradient(to right, #00ff00, #00bc79)">
</view>
</view>
<view>
<text>设置border的view，通过v-show控制显示</text>
<view v-show="shown">
<view class="common" style="border: 5px dotted blue;">
</view>
</view>
</view> </view>
</view> </view>
</view> <!-- #ifdef APP -->
</scroll-view>
<!-- #endif -->
</template> </template>
<script> <script setup lang="uts">
const shown = ref(false)
setTimeout(() => {
shown.value = true
}, 1000);
</script> </script>
<style> <style>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或