zhaoxing
2023-05-11 9dca0bcc506056ce4bf1301fc7614b3dec604c6f
对话框样式
1个文件已添加
2个文件已修改
57 ■■■■■ 已修改文件
pages/index/chat.vue 22 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/tab/assistant.vue 35 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
static/bg_ai_assistant_title.png 补丁 | 查看 | 原始文档 | blame | 历史
pages/index/chat.vue
@@ -15,11 +15,9 @@
                        <image :src="now_model.icon" mode=""></image>
                    </view>
                    <view class="body_box">
                        <view class="body_jt">
                            <u-icon name="play-left-fill" color="#30324f" size="20"></u-icon>
                        </view>
                        <view class="body_jt"></view>
                        <!-- <view class="body_lcon pdg" v-html="item.content"></view> -->
                        <view class="body_rcon pdg">
                        <view class="body_rcon pdg border_radius_l">
                            <zero-markdown-view :markdown="item.content"></zero-markdown-view>
                        </view>
                        <view style="position: absolute;right: 0;bottom: 10rpx;">
@@ -29,11 +27,9 @@
                </view>
                <view class="body_r" v-if="item.role == 'user'">
                    <view class="body_box">
                        <view class="body_rjt">
                            <u-icon name="play-right-fill" color="#30324f" size="20"></u-icon>
                        </view>
                        <view class="body_rjt"></view>
                        <!-- <view class="body_rcon pdg" v-html="item.content"> -->
                        <view class="body_rcon pdg">
                        <view class="body_rcon pdg border_radius_r">
                            <zero-markdown-view :markdown="item.content"></zero-markdown-view>
                        </view>
                    </view>
@@ -586,4 +582,14 @@
<style>
    @import '../../components/css/index.css';
</style>
<style scoped>
    .border_radius_l{
        border-top-left-radius:0
    }
    .border_radius_r{
        border-top-right-radius:0;
        background: #54c867;
    }
</style>
pages/tab/assistant.vue
@@ -1,23 +1,14 @@
<template>
    <view class="container">
        <view class="form">
            <u-transition :show="true" mode="slide-left">
                <!-- <pageNav :admin="admin" title="一键AI问答" desc="知你困境,解你烦恼,AI帮你写答案;绘声绘色,绘精彩;"
                    img="https://wx.qlogo.cn/mmhead/Q3auHgzwzM55kOdw21icYsGmEojHmk3XMqRLWIZPkZJ6uBLvqdf6SxA/0" /> -->
            <image src="/static/bg_ai_assistant_title.png" class="banner"></image>
            <!-- <u-transition :show="true" mode="slide-left">
                <view class="head">
                    <view class="head-top">
                        <image class="logo" src="/static/aichat.png"></image>
                        aa
                        <view class="head-top-right">
                            <view class="ai-consult">
                                <view class="ai">
                        <view class="ai-btn">一键AI问答</view>
                                    <!-- <view class="member">会员中心</view> -->
                                </view>
                                <view class="consult">
                                    <view class="consult-btn">
                                        <u-button open-type='contact' color="#FF9900" :plain="true" text="咨询客服"></u-button>
                                    </view>
                                </view>
                                <u-button open-type='contact' color="#FF9900" :plain="true" text="咨询客服"></u-button>
                            </view>
                        </view>
                    </view>
@@ -25,7 +16,7 @@
                        <text class="description">知你困境,解你烦恼,AI帮你写答案;绘声绘色,绘精彩;</text>
                    </view>
                </view>
            </u-transition>
            </u-transition> -->
        </view>
        <u-transition :show="true" mode="slide-right">
            <view class="tool_list">
@@ -162,11 +153,9 @@
    }
    .form {
        background-color: #fff;
        // padding-top: 30%;
        border-bottom-left-radius: 30rpx;
        border-bottom-right-radius: 30rpx;
        padding: 0 30rpx;
        padding: 0 0;
        /* #ifndef H5 */
        padding-top: var(--status-bar-height);
        margin-top: 60rpx;
@@ -313,3 +302,15 @@
        }
    }
</style>
<style scoped>
    page {
        background-color: #070d1d;
        box-sizing: border-box;
        letter-spacing: 0;
        word-wrap: break-word;
    }
    .banner{
        width: 100vw;
        height: calc(100vw * 0.433333);
    }
</style>
static/bg_ai_assistant_title.png