Framework7——最简单的Demo

Framework7  很强

Framework7中文API

 

DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>
    
    <link rel="stylesheet" href="framework7/dist/css/framework7.min.css">
    <link rel="stylesheet" href="framework7/dist/css/framework7.md.min.css">
head>
<body>
<div id="container" class='main-table' id="as-main-table" style="overflow: hidden">
    <div class="list accordion-list">
        <ul>
            <li class="accordion-item ">
                <div class="item-content item-link">
                    1
                div>
                <div class="accordion-item-content">
                    1
                div>
            li>
        ul>
    div>
div>

<br>

<div id="container2" class="list links-list">
    <ul>
        <li><a href="#">
            <div style="text-indent: 10px;">aaaadiv>
            <div>2div>
        a>li>
        <li><a href="#">
            <div style="text-indent: 10px;">bbbbdiv>
            <div>5div>
        a>li>
        <li><a href="#">
            <div style="text-indent: 10px;">ccccdiv>
            <div>9div>
        a>li>
        <li><a href="#">
            <div style="text-indent: 10px;">dddddiv>
            <div>1div>
        a>li>
    ul>
div>

body>

<script type="text/javascript" src="jquery.js">script>
<script type="text/javascript" src="framework7/dist/js/framework7.min.js">script>
<script>
    var app = new Framework7({
        root: '#app',
        name: 'My App',
        id: 'main_app',
        panel: {
            swipe: 'left'
        },
        touch: {
            tapHold: true //enable tap hold events
        },
        dialog: {
            // set default title for all dialog shortcuts
            title: '提示框',
            // change default "OK" button text
            buttonOk: '确定',
            buttonCancel: '关闭'
        },
        // Add default routes
        routes: [
            {
                path: '/about/',
                url: 'about.html',
            }
        ]
    });
script>
html>

 

你可能感兴趣的:(Framework7——最简单的Demo)