创意电子 管理员
  • 最佳新人

    注册账号后积极发帖的会员
  • 活跃会员

    经常参与各类话题的讨论,发帖内容较有主见
  • 1420发帖数
  • 1327主题数
  • 2关注数
  • 18粉丝
开启左侧

简易应用市场 2.0.5

[复制链接]
创意电子 发表于 2019-4-12 14:10:43 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
简易应用市场
  • 是否开源:是
  • 插件分类:商城/返利/分销
  • 用户评分:
  • 语言编码:多语言编码 
  • 更新时间:2018-06-01
  • 兼容版本:X3.2 X3.3 X3.4 
插件详情
资源名称:简易应用市场 2.0.5.txt 简易应用市场 2.0.5
下载次数:4  文件大小:55 Bytes  售价:4 创意币 记录
购买VIP 充值创意币 运营教程 免费赚创意币 
安全检测,请放心下载



可做手机应用下载栏目

最多可自定义8个填项,自定义6个专题。

会员发布的评论、应用可审核

数据可调用到论坛首页(1.81版)

数据可调用到任何可DIY页面,如:门户(本功能,需安装扩展组件,)

每个下载连接可独立设置名称,可无限添加下载个数

支持付费下载

消费积分可设置系统回收或给发布人(2.0版或更高)

一键安装支持91助手、豌豆荚和腾讯手机助手(2.0版改为应用宝)

支持手机版浏览

更多自己体验。。。


注:安装助手由助手开发商提供,助手出现的各种安装异常(如对某些浏览器支持不佳),不属于插件问题。一键安装功能,无需要可关闭(关闭可提高页面打开速度)。

简易应用市场DIY说明
本扩展只限简易应用2.0版本以上用户使用。

安装扩展之后,还需要进行以下操作:

登录DZ后台----》工具----》DIY 模块分类缓存(打勾)---》确定 (等待提示全部缓存更新完毕,否则DIY无法使用)

进入门户---》模块模板---》添加---》模块分类选择(简易应用模块)提交,然后输入以下代码:

模板名称:简易应用列表(随便取名)


内容填写:(注:模板可以自己设计,这里提供一个样例,请根据自己的需求,自己修改样式)
  1. ===================代码分割线=======================
  2. <style type="text/css">
  3. .recommend h2{color:#55adff; font-size:14px; font-weight:bold; text-indent:8px;}

  4. .recommend .leftIcon{width:27px; height:28px; position:absolute; left:5px; top:38px; background:url(source/plugin/mini_app/images/icon.png) 0 -28px no-repeat; z-index:3;}

  5. .recommend .rightIcon{width:27px; height:27px; position:absolute; right:5px; top:38px; background:url(source/plugin/mini_app/images/icon.png) 0 0 no-repeat; z-index:3;}


  6. .scrollimg {position:relative;height:115px;overflow:hidden;}

  7. .scrollimg-con {left:40px;position:absolute;width:880px;margin:0 auto;overflow:hidden;}

  8. .scrollimg-list {height:95px; margin-top:15px;zoom:1; padding:0 0px; }

  9. .scrollimg-list li {width:88px; float:left; display:inline; margin:auto; padding:0 0px; line-height:24px; overflow:hidden; text-align:center;}

  10. .scrollimg-list li a {color:#535353;margin:auto;text-align:center;}

  11. .scrollimg-list li a.pic {width:64px; height:65px; background:url(source/plugin/mini_app/images/imgbg.png) 0 0 no-repeat; display:block; overflow:hidden;}

  12. .scrollimg-list li a.pic:hover {background:url(source/plugin/mini_app/images/hoverbg.png) 0 0 no-repeat;}

  13. .scrollimg-list li a.pic img {margin:6px auto; left:0; top:0; display:block; overflow:hidden; width:52px; height:52px;}

  14. _width:22px; _height:23px; _float:left; _margin-top:40px;_margin-right:-5px; _background:0 0 no-repeat;}

  15. </style>

  16. <script type="text/javascript">
  17. var Class = {
  18. create:function(){
  19. return function(){
  20. this.initialize.apply(this,arguments);
  21. };
  22. }
  23. }
  24. var HScrollMover = Class.create();

  25. HScrollMover.getInstance = function(id){
  26. if(this._instanceMap == null){
  27. this._instanceMap = new Object();

  28. }
  29. for(var p in this._instanceMap){
  30. if(id == p){
  31. return this._instanceMap[p];
  32. }
  33. }
  34. this._instanceMap[id] = new HScrollMover(id);
  35. return this._instanceMap[id];
  36. }



  37. HScrollMover.prototype = {
  38. initialize:function(id){
  39. this.id = id;
  40. this.moveOneTimer = 0;
  41. this.movingTimer = 0;
  42. this.moverNum = 8;
  43. },
  44. moveOne:function(direction,speed){
  45. var id = this.id;
  46. if(HScrollMover.getInstance(id).moveOneTimer != 0){
  47. return;
  48. }
  49. if(!speed){
  50. speed = 1;
  51. }
  52. var moveTimes = document.getElementById(id).offsetWidth/(speed*this.moverNum);
  53. var tempMoveTimes = moveTimes;
  54. var tempMoverNum = this.moverNum;
  55. HScrollMover.getInstance(id).moveOneTimer = setInterval(function(){
  56. moveTimes--;
  57. var container = document.getElementById(id);
  58. if(direction == "left"){
  59. if(container.scrollLeft == container.scrollWidth - container.offsetWidth){
  60. if (moveTimes == tempMoveTimes - 1) {
  61. container.scrollLeft = 0;
  62. }
  63. moveTimes = 0;
  64. } else {
  65. container.scrollLeft += speed;
  66. }
  67. }else{
  68. if(container.scrollLeft == 0){
  69. container.scrollLeft = container.scrollWidth - speed*moveTimes;
  70. moveTimes = 0;
  71. } else if(container.scrollLeft < speed*moveTimes){
  72. container.scrollLeft = 0;
  73. moveTimes = 0;
  74. } else {
  75. container.scrollLeft -= speed;
  76. }
  77. }

  78. if(moveTimes <= 0){
  79. if(HScrollMover.getInstance(id).moveOneTimer != 0){
  80. clearInterval(HScrollMover.getInstance(id).moveOneTimer);
  81. HScrollMover.getInstance(id).moveOneTimer = 0;
  82. }
  83. }
  84. },62);
  85. }
  86. }




  87. var intervalId = 0;

  88. function clickRightScloll(){

  89. if (document.all) {

  90. document.getElementById('rightScrollBtn').click();

  91. } else {

  92. var evt = document.createEvent('HTMLEvents');

  93. evt.initEvent('click',true,true);

  94. element = document.getElementById('rightScrollBtn');

  95. element.dispatchEvent(evt);

  96. }

  97. }

  98. function autoScroll() {

  99. if (document.getElementById("rightScrollBtn").className == 'rightIcon') {

  100. intervalId = setInterval("clickRightScloll()",3*1000);

  101. document.getElementById("scrollContainer").onmouseover = function(){

  102. if(intervalId != 0){

  103. clearInterval(intervalId);

  104. intervalId = 0;

  105. }

  106. }



  107. document.getElementById("scrollContainer").onmouseout = function(){

  108. if(intervalId != 0){

  109. clearInterval(intervalId);

  110. }

  111. intervalId = setInterval("clickRightScloll()",3*1000);

  112. }



  113. }

  114. }





  115. </script>




  116. <div class="recommend">

  117. <div id="scrollContainer" class="scrollimg">

  118. <div id="hContainer" class="scrollimg-con">

  119. <div id="hContainerMask">

  120. <ul id="scrollList" class="scrollimg-list">

  121. [loop]
  122. <li><span><a href="plugin.php?id=mini_app:index&mod=view&sid={id}" {target} class="pic" ><img class="png" src="{pic}" alt="{title}" /></a><p><a href="plugin.php?id=mini_app:index&mod=view&sid={id}" {target}>{title}</a></p></span></li>
  123. [/loop]

  124. <script type="text/javascript">

  125. document.getElementById("hContainerMask").style.width = (20*44*2)+"px";

  126. </script>

  127. </ul>

  128. </div>

  129. </div>

  130. <a href="#" class="leftIcon" id="leftScrollBtn" ></a>

  131. <a href="#" class="rightIcon" id="rightScrollBtn" ></a>

  132. </div>

  133. </div>

  134. <script language="javascript">

  135. document.getElementById("leftScrollBtn").onclick = function(){

  136. HScrollMover.getInstance('hContainer').moveOne('right',44);

  137. return false;

  138. };

  139. document.getElementById("rightScrollBtn").onclick = function(){

  140. HScrollMover.getInstance('hContainer').moveOne('left',44);

  141. return false;

  142. };

  143. </script>

  144. ===================分割线=======================
复制代码



进入前台DIY页面, 选择DIY高级模式---》模块,选择 简易应用市场

把“简易应用市场”模块拉到页面中。(如无框架,请先拉框架)

设置好之后,点击“确定”即可。

小技巧:
目前下载调用模块没有伪静态处理,如有需要,可以把模块中的plugin.php?id=mini_app:index&mod=view&sid={id}修改为app_{id}.html即可。
(前提:插件的静态页面可正常访问)
宽屏模板用户,可以适当width:880px; 这个数值
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

猜你喜欢
在线客服邮箱
wxcy#wkgb.net

邮箱地址#换为@

Powered by 创意电子 ©2018-现在 专注资源实战分享源码下载站联盟商城