Foxtable(狐表)用户栏目专家坐堂 → 微信网页综合很多控件在一行是如何实现的?


  共有3062人关注过本帖树形打印复制链接

主题:微信网页综合很多控件在一行是如何实现的?

帅哥哟,离线,有人找我吗?
happyft
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1930 积分:17558 威望:0 精华:0 注册:2014/7/29 19:09:00
微信网页综合很多控件在一行是如何实现的?  发帖心情 Post By:2020/9/7 21:38:00 [只看该作者]


图片点击可在新窗口打开查看此主题相关图片如下:微信截图_20200907213329.png
图片点击可在新窗口打开查看

请教下,最顶上的标题及下面一行综合很多按钮,搜索框在一行上是如何实现的,WeUI里面好象找不到类似的用法?

谢谢!

 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110567 积分:562725 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2020/9/7 21:43:00 [只看该作者]

WeUI没有这用法。学一下css吧:CSSCSS3

 回到顶部
帅哥哟,离线,有人找我吗?
HappyFt
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1930 积分:17558 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/7 22:00:00 [只看该作者]

有生成这些的html代码:但不知道如何用到WeUI中来,请老老师指点一下
<head>
<meta charset="UTF-8">
<title>订单列表</title>
<meta name="viewport" c />
<link href="../css/mui.min.css" rel="stylesheet" />
<link href="../fonts/iconfont/iconfont.css" rel="stylesheet" />
<link href="../css/fox.tools.css" rel="stylesheet" />
</head>

<body>
<div id="page0" class="page">
<!--头部筛选-->
<div class="myheader">
<!--扫描-->
<div id="scan" class="iconfont icon-muiiconrscan mysearch-left" style="font-size: 25px;" ></div>
<!--查询输入框,注意修改placeholder 筛选字段,必须用、隔开*****************************************************************************-->
<input class="mysearch-text" type="search" placeholder="供应商、采购人员、编号" filtercols="供应商、采购人员、编号" style="width: calc(100% - 90px);border-radius: 15px;text-align: left;font-size: 13px;" />
<!--搜索按钮-->
<div class="mui-icon mui-icon-search mysearch-icon" style="font-size:25px;" ></div>
<!--清除按钮-->
<div class="iconfont icon-cuowu1 mysearch-clear" style="font-size:28px;" ></div>
<!--组合筛选-->
<div id="filte" class="iconfont icon-shaixuan mysearch-right" style="font-size:25px;" ></div>
</div>
<!--列表刷新列表部分,不用修改-->
<div class="mui-content mui-scroll-wrapper mybody" id="refreshContainer" style="margin-bottom: 44px;">
<div class="mui-scroll">
<div id="newsListUl" class="mui-table-view" style="background-color: #EFEFF4;">
</div>
</div>
</div>
<!--列表刷新列表部分结束-->
<!--新增按钮-->
<button id="addnew" type="button" class="mybutton" style="color: orange;">新增</button>
</div>
<!--组合筛选部分,根据后台自动创建-->
<div id="page1" class="page" style="display: none;">
<div class="mui-content mui-row mui-fullscreen" style="margin-bottom: 45px;">
<div class="mui-col-xs-5">
<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
</div>
</div>
<div id="segmentedControlContents" class="mui-col-xs-7" style="border-left: 1px solid #DDDDDD;">
</div>
</div>
<button id="reset" type="button" class="mybutton" style="width: 34%;color: #6D6D72;" >重置</button>
<button id="cancel" type="button" class="mybutton" style="width: 34%;left: 33%;color: #6D6D72;" >取消</button>
<button id="confirm" type="button" class="mybutton" style="width: 35%;left: 66%;color: orange;" >确定</button>
</div>

 回到顶部
帅哥,在线噢!
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110567 积分:562725 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2020/9/7 22:03:00 [只看该作者]

直接使用:http://www.foxtable.com/mobilehelp/topics/0013.htm

还是先学一下基础吧

如果你打算学习网页设计,我给你推荐一个网站:http://www.w3school.com.cn/h.asp

对于一般用户来说,花一两天的时间掌握HTMLHTML5CSS,就足够使用了,如果想做一些动态的效果,可以再掌握一下JavaScriptCSS3



 回到顶部
帅哥哟,离线,有人找我吗?
HappyFt
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1930 积分:17558 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/7 22:38:00 [只看该作者]

单独写好一个完整的html可以,比如我已用HbuilderX写好一个完整的"新增订单.html"文件,但不知道在foxtable的httpserver中或者函数中怎么调用?
Dim e As RequestEventArgs = args(0)
If e.PostValues.Count = 0 Then
   是把整个html文件复制到这里来吗? 
   还是必须要用
   Dim sb As New StringBuilder 把写好的每句html语句拼接起来那不麻烦死了
   sb.AppendLine("<form enctype='multipart/form-data' method='post' id='form1' name='form1'>")
   sb
.AppendLine("产品: <input name='cp' id='cp'><br/><br/>")
   ....
   sb
.AppendLine("</form>")
   e
.WriteString(sb.ToString)
End If
也就是说我在手机上有个新增订单的按钮,我点击时如何调用执行这个新增订单.html文件?
感觉是哪里弄糊涂了
谢谢!

 回到顶部
帅哥,在线噢!
有点蓝
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110567 积分:562725 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2020/9/7 22:47:00 [只看该作者]

如果要打开网页,把html文件放到web目录里,直接用即可

        With wb.AddButtonGroup("form1","btg1",True)  '垂直排列
            .Add("btn5"
"
按钮", "", "新增订单.html")
        End With

但是感觉您说的是提交数据,看这个:http://www.foxtable.com/mobilehelp/topics/0027.htm

 回到顶部
帅哥哟,离线,有人找我吗?
HappyFt
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1930 积分:17558 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/7 23:05:00 [只看该作者]

谢谢!

 回到顶部
帅哥哟,离线,有人找我吗?
HappyFt
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1930 积分:17558 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/8 10:30:00 [只看该作者]

用6楼通过按钮是可以打开已经做好的html文件
With wb.AddButtonGroup("form1","btg1",True)
      .Add("btn2", "打开采购单", "", "./html/cgdd_table.html")  '这个可以打开
 End With
但是在grid中为什么不可以呢?
With wb.AddInputGroup("page1","cg_bt","采购管理")
    With wb.AddGrid("page1","cg2")
        .Add("g2c1","采购订单", "./images/cart.png","./html/cgdd_table.htm")  '这样写不行
End With
使用grid点击时要如何写才能打开指定的网页文件
谢谢!
 

 回到顶部
帅哥,在线噢!
有点蓝
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110567 积分:562725 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2020/9/8 10:34:00 [只看该作者]

肯定是可以的,除非路径和名称不正确

 回到顶部
帅哥哟,离线,有人找我吗?
HappyFt
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1930 积分:17558 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/8 10:52:00 [只看该作者]

可以了,原来是cgdd_table.html 后面少了个l,foxtable中都是写成htm,有时真的晕了

 回到顶部
总数 12 1 2 下一页