设为首页收藏本站
天天打卡
切换到窄版

 找回密码
 立即注册
搜索
爱云论坛 - d.taiji888.cn - 技术学习 免费资源分享»首页 › 其他交流 | 闲聊交流 › HTML/Xhtml › AmazeUI 导航条的实现示例
123下一页
返回列表 发新帖
查看: 120|回复: 21

AmazeUI 导航条的实现示例

[复制链接]
冬寒风

4

主题

58

回帖

203

积分

中级会员

积分
203
发表于 2024-4-20 10:30:48 | 显示全部楼层 |阅读模式
拥有易用的导航条对于任何网站都很重要。本文主要介绍了AmazeUI 导航条的实现示例，分享给大家，具体如下：
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <title>导航条</title>
  10. <meta name="renderer" content="webkit">
  11. <meta http-equiv="Cache-Control" content="no-siteapp"/>
  12. <link rel="icon" type="image/png" href="assets/i/favicon.png">
  13. <meta name="mobile-web-app-capable" content="yes">
  14. <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
  15. <meta name="apple-mobile-web-app-capable" content="yes">
  16. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  17. <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  18. <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  19. <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  20. <meta name="msapplication-TileColor" content="#0e90d2">
  21. <link rel="stylesheet" href="assets/css/amazeui.min.css">
  22. </head>
  23. <body style="margin: 10px;">
  24. <!--默认样式-->
  25. <header class="am-topbar">
  26. <h1 class="am-topbar-brand">
  27.   <a href="#">Amaze UI</a>
  28. </h1>
  29. <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
  30. <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
  31.   <ul class="am-nav am-nav-pills am-topbar-nav">
  32.    <li class="am-active"><a href="#">首页</a></li>
  33.    <li><a href="#">项目</a></li>
  34.    <li class="am-dropdown" data-am-dropdown>
  35.     <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
  36.      下拉 <span class="am-icon-caret-down"></span>
  37.     </a>
  38.     <ul class="am-dropdown-content">
  39.      <li class="am-dropdown-header">标题</li>
  40.      <li><a href="#">1. 去月球</a></li>
  41.      <li class="am-active"><a href="#">2. 去火星</a></li>
  42.      <li><a href="#">3. 还是回地球</a></li>
  43.      <li class="am-disabled"><a href="#">4. 下地狱</a></li>
  44.      <li class="am-divider"></li>
  45.      <li><a href="#">5. 桥头一回首</a></li>
  46.     </ul>
  47.    </li>
  48.   </ul>
  49.   <form class="am-topbar-form am-topbar-left am-form-inline" role="search">
  50.    <div class="am-form-group">
  51.     <input type="text" class="am-form-field am-input-sm" placeholder="搜索">
  52.    </div>
  53.   </form>
  54.   <div class="am-topbar-right">
  55.    <div class="am-dropdown" data-am-dropdown="{boundary: '.am-topbar'}">
  56.     <button class="am-btn am-btn-secondary am-topbar-btn am-btn-sm am-dropdown-toggle" data-am-dropdown-toggle>其他 <span class="am-icon-caret-down"></span></button>
  57.     <ul class="am-dropdown-content">
  58.      <li><a href="#">注册</a></li>
  59.      <li><a href="#">随便看看</a></li>
  60.     </ul>
  61.    </div>
  62.   </div>
  63.   <div class="am-topbar-right">
  64.    <button class="am-btn am-btn-primary am-topbar-btn am-btn-sm">登录</button>
  65.   </div>
  66. </div>
  67. </header>

  69. <!--深色样式-->
  70. <header class="am-topbar am-topbar-inverse">
  71. ...
  72. </header>

  74. <!--Logo 图片替换-->
  75. <style>
  76. .am-topbar .am-text-ir {
  77.   display: block;
  78.   margin-right: 10px;
  79.   height: 50px;
  80.   width: 125px;
  81.   background: url(http://a.static.amazeui.org/assets/i/ui/logo.png) no-repeat left center;
  82.   -webkit-background-size: 125px 24px;
  83.   background-size: 125px 24px;
  84. }
  85. </style>
  86. <header class="am-topbar am-topbar-inverse">
  87. <h1 class="am-topbar-brand">
  88.   <a href="#" class="am-text-ir">Amaze UI</a>
  89. </h1>
  90. ...
  91. </header>
  92. <!--顶部固定-->
  93. <header class="am-topbar am-topbar-inverse am-topbar-fixed-top">
  94. <div class="am-container">
  95.   <h1 class="am-topbar-brand">
  96.    <a href="#" class="am-text-ir">Amaze UI</a>
  97.   </h1>
  98.   <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
  99.   data-am-collapse="{target: '#doc-topbar-collapse-4'}"><span class="am-sr-only">导航切换</span> <span
  100.   class="am-icon-bars"></span></button>
  101.   <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse-4">
  102.    <ul class="am-nav am-nav-pills am-topbar-nav">
  103.     <li class="am-active"><a href="#">首页</a></li>
  104.     <li><a href="#">项目</a></li>
  105.     <li class="am-dropdown" data-am-dropdown>
  106.      <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
  107.       下拉 <span class="am-icon-caret-down"></span>
  108.      </a>
  109.      <ul class="am-dropdown-content">
  110.       <li><a href="#">带我去月球</a></li>
  111.       <li><a href="#">还是回地球</a></li>
  112.       <li class="am-disabled"><a href="#">臣妾做不到</a></li>
  113.      </ul>
  114.     </li>
  115.    </ul>
  116.   </div>
  117. </div>
  118. </header>
  119. <!--底部固定-->
  120. <header class="am-topbar am-topbar-inverse am-topbar-fixed-bottom">
  121. <div class="am-container">
  122.   <h1 class="am-topbar-brand">
  123.    <a href="#" class="am-text-ir">Amaze UI</a>
  124.   </h1>
  125.   <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
  126.   data-am-collapse="{target: '#doc-topbar-collapse-5'}"><span class="am-sr-only">导航切换</span> <span
  127.   class="am-icon-bars"></span></button>
  128.   <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse-5">
  129.    <ul class="am-nav am-nav-pills am-topbar-nav">
  130.     <li class="am-active"><a href="#">首页</a></li>
  131.     <li><a href="#">项目</a></li>
  132.     <li class="am-dropdown am-dropdown-up" data-am-dropdown>
  133.      <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
  134.       上拉 <span class="am-icon-caret-up"></span>
  135.      </a>
  136.      <ul class="am-dropdown-content">
  137.       <li><a href="#">带我去月球</a></li>
  138.       <li><a href="#">还是回地球</a></li>
  139.       <li class="am-disabled"><a href="#">臣妾做不到</a></li>
  140.      </ul>
  141.     </li>
  142.    </ul>
  143.   </div>
  144. </div>
  145. </header>
  146. <div style="height: 10000px;"></div>
  147. <!--[if (gte IE 9)|!(IE)]><!-->
  148. <script src="assets/js/jquery.min.js"></script>
  149. <!--<![endif]-->
  150. <!--[if lte IE 8 ]>
  151. <script src="assets/ie8/jquery.min.js"></script>
  152. <script src="assets/ie8/modernizr.js"></script>
  153. <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
  154. <![endif]-->
  155. <script src="assets/js/amazeui.min.js"></script>
  156. </body>
  157. </html>
复制代码
效果图：

AmazeUI各种的导航式菜单与解决方法
一、改造AmazeUI提供的手机端文字横排菜单
AmazeUI提供的手机端文字横排菜单的背景颜色是白色的，字体是蓝色的，没有提供相应的class去改写里面的字体，
我们可以为背景与文字添加一个css，改写其背景与文字颜色
效果如下：

代码如下：
  1.   <h1>导航菜单-横排文字式</h1>
  2.         <style>
  3.             /*这里是改写文字的颜色*/
  4.             .am-menu-default .am-menu-nav a {
  5.                 color:#222;
  6.             }
  7.             /*这里是改写背景的颜色*/
  8.             .am-menu-nav{
  9.                 background:#f1f1f1;
  10.             }
  11.         </style>
  12.         <div data-am-widget="menu" class="am-menu  am-menu-default" >
  13.             <a href="javascript: void(0)" class="am-menu-toggle a-in-menu"><i class="am-menu-toggle-icon am-icon-bars"></i></a>
  14.             <!--表示每一个菜单都占3格，也就是在12格1行的布局中占据4格的位置-->
  15.             <ul class="am-menu-nav am-avg-sm-3">
  16.                 <!--表示这个项目带下拉菜单-->
  17.                 <li class="am-parent">
  18.                     <a href="#">项目1</a>
  19.                     <ul class="am-menu-sub am-collapse am-avg-sm-4">
  20.                         <li><a href="#">项目1-1</a></li>
  21.                         <li><a href="#">项目1-2</a></li>
  22.                         <li><a href="#">项目1-3</a></li>
  23.                         <li><a href="#">项目1-4</a></li>
  24.                         <li><a href="#">项目1-5</a></li>
  25.                         <li><a href="#">项目1-6</a></li>
  26.                     </ul>
  27.                 </li>
  28.                 <li><a href="#">项目2</a></li>
  29.                 <li><a href="#">项目3</a></li>
  30.                 <li><a href="#">项目4</a></li>
  31.                 <li class="am-parent">
  32.                     <a href="#">项目5</a>
  33.                     <ul class="am-menu-sub am-collapse am-avg-sm-4">
  34.                         <li><a href="#">项目5-1</a></li>
  35.                         <li><a href="#">项目5-2</a></li>
  36.                         <li><a href="#">项目5-3</a></li>
  37.                         <li><a href="#">项目5-4</a></li>
  38.                         <li><a href="#">项目5-5</a></li>
  39.                         <li><a href="#">项目5-6</a></li>
  40.                     </ul>
  41.                 </li>
  42.    
  43.             </ul>
  44.         </div>
复制代码
二、利用按钮组与下拉按钮
这里运用了解决Bootstrap导航栏的思想，《【Bootstrap】导航栏navbar在IE8上的缺陷与解决方案》（点击打开链接），但是AmazeUI的按钮组与下拉按钮的复合相当不给力。没有提供下拉按钮与按钮复合的按钮组。同时，其栅格化布局也无法约束其下拉按钮的大小，因此，必须自己整几个div，调节其width与margin属性，规范其大小。
效果如下：

代码如下：
  1.    <h1>导航菜单-下拉列表式</h1>
  2.         <style>
  3.             /*让每一个下拉按钮占据的宽度与居中*/
  4.             .am-dropdown{
  5.                 width:30%;
  6.                 text-align:center;
  7.             }
  8.         </style>
  9.         <!--这里表示一行-->
  10.         <div style="text-align:center; width:100%; margin-left:-1.5%">
  11.             <div class="am-dropdown" data-am-dropdown>
  12.                 <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle style="width:110%;" >项目1<span class="am-icon-caret-down"></span></button>
  13.                 <ul class="am-dropdown-content">
  14.                     <li><a href="#">项目1-1</a></li>
  15.                     <li><a href="#">项目1-2</a></li>
  16.                     <li class="am-divider"></li>
  17.                     <li><a href="#">项目1-3</a></li>
  18.                 </ul>
  19.             </div>
  20.             <div class="am-dropdown" data-am-dropdown >
  21.                 <button type="button" class="am-btn am-btn-primary" style="width:110%;" onClick="javascript:window.location.href='#'">项目2</button>        
  22.             </div>
  23.             <div class="am-dropdown" data-am-dropdown>
  24.                 <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle style="width:110%;" >项目3<span class="am-icon-caret-down"></span></button>
  25.                 <ul class="am-dropdown-content">
  26.                     <li><a href="#">项目3-1</a></li>
  27.                     <li class="am-divider"></li>
  28.                     <li><a href="#">项目3-2</a></li>
  29.                     <li><a href="#">项目3-3</a></li>
  30.                     <li><a href="#">项目3-4</a></li>
  31.                 </ul>
  32.             </div>
  33.         </div>
  34.         <!--搞完一行，必须自己再开一行-->
  35.         <div style="text-align:center; width:100%; margin-left:-1.5%">
  36.             <div class="am-dropdown" data-am-dropdown>   
  37.                 <button type="button" class="am-btn am-btn-primary" style="width:110%;" onClick="javascript:window.location.href='#'">项目4</button>
  38.             </div>
  39.             <div class="am-dropdown" data-am-dropdown >
  40.                 <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle style="width:110%;" >项目5<span class="am-icon-caret-down"></span></button>
  41.                 <ul class="am-dropdown-content">
  42.                     <li><a href="#">项目5-1</a></li>               
  43.                     <li><a href="#">项目5-2</a></li>
  44.                     <li class="am-divider"></li>
  45.                     <li><a href="#">项目5-3</a></li>
  46.                     <li><a href="#">项目5-4</a></li>
  47.                 </ul>
  48.             </div>
  49.             <div class="am-dropdown" data-am-dropdown>   
  50.                 <button type="button" class="am-btn am-btn-primary" style="width:110%;" onClick="javascript:window.location.href='#'">项目6</button>
  51.             </div>
  52.         </div>
复制代码
这里，每一行最好放置3个组件就好，设置css为text-align:center，还要补上一个margin-left:-1.5%才刚好其居中，width:100%占据一行。
其下的各个div占据30%的宽度。接着的各个按钮、下拉按钮其宽度必须是110%，这样才能刚刚配合好原来的样式，把按钮与下拉按钮符合起来。
其中，里面的li意为分割线。
三、利用无下拉项目的标签页
其实手机里面的导航真的无须使用下拉项目。下拉菜单在手机屏幕上是很难点的。直接利用标签页设置一个导航。代码也短，用户也不会不满意。关键是AmazeUI本来就提供这种布局。然后，你再于这个页面里面布置二级导航也可以。
效果如下：

代码如下：
  1.       <h1>导航菜单-标签页布局</h1>
  2.         <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
  3.             <ul class="am-tabs-nav">
  4.                 <li class="am-active"><a href="#">项目1</a></li>
  5.                 <li><a href="#">项目2</a></li>
  6.                 <li><a href="#">项目3</a></li>
  7.                 <li><a href="#">项目4</a></li>
  8.             </ul>
  9.             <ul class="am-tabs-nav">
  10.                 <li><a href="#">项目5</a></li>
  11.                 <li><a href="#">项目6</a></li>
  12.                 <li><a href="#">项目7</a></li>
  13.             </ul>
  14.         </div>
复制代码
同时，AmazeUI也提供另一种风格的标签页布局，效果如下：

代码如下：
  1.      <h1>导航菜单-标签页极简布局</h1>
  2.         <div data-am-widget="tabs" class="am-tabs am-tabs-default">
  3.             <ul class="am-tabs-nav">
  4.                 <li><a href="#">项目1</a></li>
  5.                 <li><a href="#">项目2</a></li>
  6.                 <li class="am-active"><a href="#">项目3</a></li>
  7.             </ul>
  8.             <ul class="am-tabs-nav">
  9.                 <li><a href="#">项目4</a></li>
  10.                 <li><a href="#">项目5</a></li>
  11.                 <li><a href="#">项目6</a></li>
  12.             </ul>
  13.         </div>
复制代码
最后贴一下整个页面的效果图与代码：
  1. <!--使用HTML5开发--><!doctype html><html class="no-js"><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">        <meta http-equiv="X-UA-Compatible" content="IE=edge">        <!--自动适应移动屏幕-->        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">        <!--优先使用webkit内核渲染-->        <meta name="renderer" content="webkit">        <!--不要被百度转码-->        <meta http-equiv="Cache-Control" content="no-siteapp"/>        <!--以下才是引入amazeui资源-->        <link rel="stylesheet" href="assets/css/amazeui.min.css">        <link rel="stylesheet" href="assets/css/app.css">        <!--引入js的时候要注意，必须先引入jQuery，再引入amazeui，因为这个框架是基于jQuery开发的-->        <script src="assets/js/jquery.min.js"></script>        <script src="assets/js/amazeui.min.js"></script>        <title>导航菜单</title>    </head>      <body>            <h1>导航菜单-横排文字式</h1>
  2.         <style>
  3.             /*这里是改写文字的颜色*/
  4.             .am-menu-default .am-menu-nav a {
  5.                 color:#222;
  6.             }
  7.             /*这里是改写背景的颜色*/
  8.             .am-menu-nav{
  9.                 background:#f1f1f1;
  10.             }
  11.         </style>
  12.         <div data-am-widget="menu" class="am-menu  am-menu-default" >
  13.             <a href="javascript: void(0)" class="am-menu-toggle a-in-menu"><i class="am-menu-toggle-icon am-icon-bars"></i></a>
  14.             <!--表示每一个菜单都占3格，也就是在12格1行的布局中占据4格的位置-->
  15.             <ul class="am-menu-nav am-avg-sm-3">
  16.                 <!--表示这个项目带下拉菜单-->
  17.                 <li class="am-parent">
  18.                     <a href="#">项目1</a>
  19.                     <ul class="am-menu-sub am-collapse am-avg-sm-4">
  20.                         <li><a href="#">项目1-1</a></li>
  21.                         <li><a href="#">项目1-2</a></li>
  22.                         <li><a href="#">项目1-3</a></li>
  23.                         <li><a href="#">项目1-4</a></li>
  24.                         <li><a href="#">项目1-5</a></li>
  25.                         <li><a href="#">项目1-6</a></li>
  26.                     </ul>
  27.                 </li>
  28.                 <li><a href="#">项目2</a></li>
  29.                 <li><a href="#">项目3</a></li>
  30.                 <li><a href="#">项目4</a></li>
  31.                 <li class="am-parent">
  32.                     <a href="#">项目5</a>
  33.                     <ul class="am-menu-sub am-collapse am-avg-sm-4">
  34.                         <li><a href="#">项目5-1</a></li>
  35.                         <li><a href="#">项目5-2</a></li>
  36.                         <li><a href="#">项目5-3</a></li>
  37.                         <li><a href="#">项目5-4</a></li>
  38.                         <li><a href="#">项目5-5</a></li>
  39.                         <li><a href="#">项目5-6</a></li>
  40.                     </ul>
  41.                 </li>
  42.    
  43.             </ul>
  44.         </div>                <h1>导航菜单-下拉列表式</h1>
  45.         <style>
  46.             /*让每一个下拉按钮占据的宽度与居中*/
  47.             .am-dropdown{
  48.                 width:30%;
  49.                 text-align:center;
  50.             }
  51.         </style>
  52.         <!--这里表示一行-->
  53.         <div style="text-align:center; width:100%; margin-left:-1.5%">
  54.             <div class="am-dropdown" data-am-dropdown>
  55.                 <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle style="width:110%;" >项目1<span class="am-icon-caret-down"></span></button>
  56.                 <ul class="am-dropdown-content">
  57.                     <li><a href="#">项目1-1</a></li>
  58.                     <li><a href="#">项目1-2</a></li>
  59.                     <li class="am-divider"></li>
  60.                     <li><a href="#">项目1-3</a></li>
  61.                 </ul>
  62.             </div>
  63.             <div class="am-dropdown" data-am-dropdown >
  64.                 <button type="button" class="am-btn am-btn-primary" style="width:110%;" onClick="javascript:window.location.href='#'">项目2</button>        
  65.             </div>
  66.             <div class="am-dropdown" data-am-dropdown>
  67.                 <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle style="width:110%;" >项目3<span class="am-icon-caret-down"></span></button>
  68.                 <ul class="am-dropdown-content">
  69.                     <li><a href="#">项目3-1</a></li>
  70.                     <li class="am-divider"></li>
  71.                     <li><a href="#">项目3-2</a></li>
  72.                     <li><a href="#">项目3-3</a></li>
  73.                     <li><a href="#">项目3-4</a></li>
  74.                 </ul>
  75.             </div>
  76.         </div>
  77.         <!--搞完一行，必须自己再开一行-->
  78.         <div style="text-align:center; width:100%; margin-left:-1.5%">
  79.             <div class="am-dropdown" data-am-dropdown>   
  80.                 <button type="button" class="am-btn am-btn-primary" style="width:110%;" onClick="javascript:window.location.href='#'">项目4</button>
  81.             </div>
  82.             <div class="am-dropdown" data-am-dropdown >
  83.                 <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle style="width:110%;" >项目5<span class="am-icon-caret-down"></span></button>
  84.                 <ul class="am-dropdown-content">
  85.                     <li><a href="#">项目5-1</a></li>               
  86.                     <li><a href="#">项目5-2</a></li>
  87.                     <li class="am-divider"></li>
  88.                     <li><a href="#">项目5-3</a></li>
  89.                     <li><a href="#">项目5-4</a></li>
  90.                 </ul>
  91.             </div>
  92.             <div class="am-dropdown" data-am-dropdown>   
  93.                 <button type="button" class="am-btn am-btn-primary" style="width:110%;" onClick="javascript:window.location.href='#'">项目6</button>
  94.             </div>
  95.         </div>                <h1>导航菜单-标签页布局</h1>
  96.         <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
  97.             <ul class="am-tabs-nav">
  98.                 <li class="am-active"><a href="#">项目1</a></li>
  99.                 <li><a href="#">项目2</a></li>
  100.                 <li><a href="#">项目3</a></li>
  101.                 <li><a href="#">项目4</a></li>
  102.             </ul>
  103.             <ul class="am-tabs-nav">
  104.                 <li><a href="#">项目5</a></li>
  105.                 <li><a href="#">项目6</a></li>
  106.                 <li><a href="#">项目7</a></li>
  107.             </ul>
  108.         </div>                <h1>导航菜单-标签页极简布局</h1>
  109.         <div data-am-widget="tabs" class="am-tabs am-tabs-default">
  110.             <ul class="am-tabs-nav">
  111.                 <li><a href="#">项目1</a></li>
  112.                 <li><a href="#">项目2</a></li>
  113.                 <li class="am-active"><a href="#">项目3</a></li>
  114.             </ul>
  115.             <ul class="am-tabs-nav">
  116.                 <li><a href="#">项目4</a></li>
  117.                 <li><a href="#">项目5</a></li>
  118.                 <li><a href="#">项目6</a></li>
  119.             </ul>
  120.         </div>            </body></html>
复制代码
到此这篇关于AmazeUI 导航条的实现示例的文章就介绍到这了,更多相关AmazeUI 导航条内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

×
回复

使用道具 举报

陌陌聊游戏

2

主题

34

回帖

114

积分

注册会员

积分
114
发表于 2024-4-22 20:24:44 | 显示全部楼层
666666666666666666
回复 支持 反对

使用道具 举报

848140903
  • 打卡等级：无名新人
  • 打卡总天数：2
  • 打卡月天数：0
  • 打卡总奖励：15
  • 最近打卡：2024-04-28 01:25:34

13

主题

58

回帖

382

积分

中级会员

积分
382

热心会员付费会员
发表于 2024-5-2 21:31:47 | 显示全部楼层
每日一回
回复 支持 反对

使用道具 举报

叭叭的土鼠

1

主题

49

回帖

121

积分

注册会员

积分
121
发表于 2024-5-13 16:55:59 | 显示全部楼层
这个话题很有趣，我想多了解一些
回复 支持 反对

使用道具 举报

心情如歌666
  • 打卡等级：无名新人
  • 打卡总天数：1
  • 打卡月天数：0
  • 打卡总奖励：20
  • 最近打卡：2024-04-19 21:31:53

1

主题

46

回帖

138

积分

注册会员

积分
138
发表于 2024-5-14 20:26:17 | 显示全部楼层
我不确定这个信息的准确性，请再确认一下
回复 支持 反对

使用道具 举报

温馨小窝888

0

主题

51

回帖

100

积分

注册会员

积分
100
发表于 2024-5-19 03:52:06 | 显示全部楼层
谢谢你分享这个信息
回复 支持 反对

使用道具 举报

在海一方

0

主题

48

回帖

95

积分

注册会员

积分
95
发表于 2024-6-11 11:27:00 | 显示全部楼层
看了LZ的帖子，我只想说一句很好很强大！
回复 支持 反对

使用道具 举报

gmxdngc

0

主题

19

回帖

39

积分

新手上路

积分
39
发表于 2024-6-11 19:33:42 | 显示全部楼层
你的信息来源是？我想了解更多。
回复 支持 反对

使用道具 举报

Trunk1s

0

主题

53

回帖

107

积分

注册会员

积分
107
发表于 2024-6-26 00:51:35 | 显示全部楼层
这个话题很有趣，我想多了解一些
回复 支持 反对

使用道具 举报

皮皮虾Fuck007

0

主题

45

回帖

91

积分

注册会员

积分
91
发表于 2024-7-1 06:20:52 | 显示全部楼层
你的信息来源是？我想了解更多。
回复 支持 反对

使用道具 举报

下一页 »
123下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|爱云论坛 - d.taiji888.cn - 技术学习 免费资源分享 ( 蜀ICP备2022010826号 )|天天打卡

GMT+8, 2024-11-15 15:43 , Processed in 0.106408 second(s), 28 queries .

Powered by i云网络 Licensed

© 2023-2028 正版授权

快速回复 返回顶部 返回列表