zoukankan      html  css  js  c++  java
  • "分段器"组件:<segment> —— 快应用组件库H-UI

    <import name="segment" src="../Common/ui/h-ui/navigation/c_segment"></import>
    <template>
        <div class="container-full">
            <segment data="{{data}}">
                <div class="container">
                    <text>118</text>
                    <text>119</text>
                </div>
    
                <div class="container">
                    <text>228</text>
                    <text>229</text>
                </div>
            </segment>
        </div>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    
    <script>
        export default {
            private: {
                data: ['Segment1', 'Segment2']
            }
        }
    </script>
    

    <import name="segment" src="../Common/ui/h-ui/navigation/c_segment"></import>
    <template>
        <div class="container-full">
            <segment data="{{data}}" current="1" hex-color="#337ab7">
                <div class="container">
                    <text>118</text>
                    <text>119</text>
                </div>
    
                <div class="container">
                    <text>228</text>
                    <text>229</text>
                </div>
    
                <div class="container">
                    <text>338</text>
                    <text>339</text>
                </div>
            </segment>
        </div>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    
    <script>
        export default {
            private: {
                data: ['Segment1', 'Segment2', 'Segment3']
            }
        }
    </script>
    

    扫码体验

  • 相关阅读:
    重写保存按钮save事件
    隐藏列获取不到值,表格选中行提示未选中
    前后台获取上下文context
    editGrid分录表格
    通用查询-高级查询
    js保留位和取整
    在Visual Studio中使用C++创建和使用DLL
    Lua中的一些库(1)
    Lua中的面向对象编程
    Lua中的模块与包
  • 原文地址:https://www.cnblogs.com/cloud-dev/p/fen-duan-qizu-jianltsegmentgt--kuai-ying-yong-zu-j.html
Copyright © 2011-2022 走看看