web聊天框页面

最新推荐文章于 2023-06-16 16:42:22 发布

栗子仙

最新推荐文章于 2023-06-16 16:42:22 发布

阅读量1.2k

点赞数 1

分类专栏：项目经验文章标签： html css html5

本文链接：https://blog.csdn.net/qq_41060065/article/details/106720008

版权

项目经验专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>聊天窗口</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!--<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>-->
    <link rel="stylesheet" href="static/css/font.css">
    <link rel="stylesheet" href="css/page/robetstudy.css">
    <link rel="stylesheet" href="static/css/weadmin.css">
    <script type="text/javascript" src="layui/layui.js" charset="utf-8"></script>

</head>
<body>

<div class="layui-container" style="background: #eeeeee">
    <div class="layui-card-header">
        博诺-小智
    </div>
    <div class="layui-carousel layadmin-carousel layadmin-dataview" id="robet" data-anim="fade" lay-filter="LAY-index-normcol" lay-anim="fade" style="width: 100%;height: 100%">
        <div class="leftDiv">
            <a class="aleft" href="javascript:;" >
                <img class="leftimg" src="./images/portrait.png">
            </a>
            <div class="textDivLeft">
                您好！我是小智！我现在还在开发阶段！
            </div>
        </div>
        <div class="leftDiv">
            <a class="aleft" href="javascript:;" >
                <img class="leftimg" src="./images/portrait.png">
            </a>
            <div class="textDivLeft">
                请问有什么可以帮助您的吗？
            </div>
        </div>
        <div class="leftDiv">
            <a class="aleft" href="javascript:;" >
                <img class="leftimg" src="./images/portrait.png">
            </a>
            <div class="textDivLeft">
               您可以问我一些问题呦！
            </div>
        </div>
        <div class="leftDiv">
            <a class="aleft" href="javascript:;" >
                <img class="leftimg" src="./images/portrait.png">
            </a>
            <div class="textDivLeft">
               有些问题我的主人还在教我，请谅解呦
            </div>
        </div>
    </div>

    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">内容</label>
        <div class="layui-input-block">
            <textarea name="desc" placeholder="请输入内容"  id="desc"  lay-verify="required"    class="layui-textarea"></textarea>
        </div>
        <div class="layui-form-item" id="tt">
        <div class="layui-input-block">
            <button class="layui-btn" id="btn" lay-submit lay-filter="formDemo">发送</button>
        </div>
    </div>
    </div>

</div>
</body>
</html>

栗子仙

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
web聊天框页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>聊天窗口</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> &l
复制链接

扫一扫