样式更新

zhaoxing

2023-05-18 8f2cbe828b4babdd8c033dd7126dd47f98e48443

样式更新

 pages/index/chat.vue

@@ -47,8 +47,8 @@
                </view>
                <view class="body_box ">
                    <view class="body_lcon pdg border_radius_l" style="display: flex;overflow-x: hidden;">
                        <u-loading-icon :show="loading" color="#fff"></u-loading-icon>
                        <view v-if="!typeingText" style="padding: 30rpx;">{{ now_model.title }}思考中...</view>
                        <!-- <u-loading-icon :show="loading" color="#fff"></u-loading-icon> -->
                        <view v-if="!typeingText" style="padding: 26rpx;">{{ now_model.title }}思考中...</view>
                        <!-- <zero-markdown-view v-if="!typeingText" style="padding: 0 20rpx;" :markdown="now_model.title">思考中...</zero-markdown-view> -->
                        <!-- <view v-else style="padding: 30rpx;">{{ typeingText }}...</view> -->
                        <zero-markdown-view v-else style="padding: 0 20rpx;" :markdown="typeingText"></zero-markdown-view>
@@ -93,7 +93,7 @@
                    </view>
                    <view class="dialog-main-bottom">
                        <view @click="delAll" class="item">
                            <u-icon name="trash" size="18" color="#fff"></u-icon>
                            <u-icon name="trash" size="18" color="#302cd9"></u-icon>
                            <view class="title">清除所有会话</view>
                        </view>
                    </view>
@@ -479,22 +479,22 @@
        padding-bottom: calc(112rpx + env(safe-area-inset-bottom));
    }
    .left-wrap {
        width: 525rpx;
        width: 520rpx;
        height: 100vh;
        overflow-y: scroll;
        background-color: #202123;
        background-color: #302cd9;
        box-shadow: 2px 0 8px rgba(0,0,0,.3);
        color: #fff;

        .group-list {
            padding: 10px 10px;
            padding: 0;

            .group-item {
                border: 1px solid #4d4d4f;
                width: 100%;
                border: 1px solid #fff;
                height: 44px;
                color: #fff;
                border-radius: 8px;
                margin-bottom: 10px;
                border-radius: 12rpx;
                margin: 32rpx;
                position: relative;

                .group-title {
@@ -523,16 +523,18 @@
            }

            .dialog-main-list {
                padding-top: 12px;
                border-top: 2rpx solid #fff;
                border-bottom: 2rpx solid #fff;
                padding: 32rpx;
                overflow-y: scroll;
                height: calc(100vh - 340rpx);
                height: calc(100vh - 296rpx);

                .dialog-main-item {
                    margin-bottom: 12px;
                    display: flex;
                    align-items: center;
                    padding: 17px 14px;
                    border-radius: 4px;
                    padding: 12px 16px;
                    border-radius: 12rpx;

                    .dialog-msg-text {
                        color: #fff;
@@ -549,7 +551,7 @@
                }

                .dialog-main-sels {
                    background-color: #343541;
                    border: 2rpx solid #fff;
                }
            }

@@ -558,20 +560,20 @@
                left: 0;
                right: 0;
                bottom: 0;
                padding: 13px 17px;
                border-top: 1px solid #4c4d4f;
                padding: 12px 16px;

                .item {
                    padding: 17px 0px;
                    border: 1px solid #4c4d4f;
                    padding: 14px 0px;
                    background: #fff;
                    border-radius: 4px;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    .title {
                        color: #fff;
                        font-size: 13px;
                        color: #302cd9;
                        font-size: 28rpx;
                        font-weight: 500;
                        margin-left: 8px;
                    }
                }
@@ -592,7 +594,7 @@
    }
    .border_radius_r{
        border-top-right-radius:0;
        background: #fff;
        color: #222;
        background: #302cd9;
        color: #fff;
    }
</style>

 pages/index/index.vue

@@ -355,15 +355,18 @@
</script>

<style>
    @import url("@/static/style/color-ui.css");
    @import '../../components/css/index.css';
</style>
<style scoped>
    .border_radius_l{
        border-top-left-radius:0;
        background: #30324f;
        background: #fff;
        color: #222;
    }
    .border_radius_r{
        border-top-right-radius:0;
        background: #54c867;
        background: #302cd9;
        color: #fff;
    }
</style>

 static/img/guwen/huli.png

 uni_modules/m-tabbar/components/m-tabbar/m-tabbar.vue

@@ -376,7 +376,7 @@
    .m-tabbar {
        position: relative;
        box-shadow: 0 0 5px rgba(4,7,108,.1);
        background: rgba(255, 255, 255, 0.75) !important;
        background: rgba(255, 255, 255, 0.9) !important;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(8px);


 uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue

@@ -60,9 +60,9 @@
                    p: `
                margin:5px 5px;
                font-size: 14px;
                line-height:1.2;
                letter-spacing:0.02em;
                word-spacing:0.1em;
                line-height:1.3;
                // letter-spacing:0.02em;
                // word-spacing:0.1em;
                `,
                    // ä¸€çº§æ ‡é¢˜
                    h1: `

 ½Øͼ/IMG_6022.PNG

 ½Øͼ/IMG_6023.PNG

 ½Øͼ/IMG_6024 2.PNG

 ½Øͼ/IMG_6024.PNG

 ½Øͼ/IMG_6025.PNG

 ½Øͼ/IMG_6026.PNG

 ½Øͼ/IMG_6027.PNG

 ½Øͼ/IMG_6028.PNG

 ½Øͼ/IMG_6029.PNG

 ½Øͼ/IMG_6030.PNG

 ½Øͼ/IMG_6031.PNG

 ½Øͼ/IMG_6032.PNG

 ½Øͼ/IMG_6033.PNG

 ½Øͼ/IMG_6034.PNG

 ½Øͼ/IMG_6035.PNG

 ½Øͼ/IMG_6036.PNG

 ½Øͼ/IMG_6037.PNG

 ½Øͼ/IMG_6038.PNG

 ½Øͼ/IMG_6039.PNG

 ½Øͼ/IMG_6040.PNG

 ½Øͼ/IMG_6041.PNG

 ½Øͼ/IMG_6042.PNG

 ½Øͼ/IMG_6043.PNG

 ½Øͼ/IMG_6044.PNG

 ½Øͼ/IMG_6045.PNG

 ½Øͼ/IMG_6046.PNG

 ½Øͼ/IMG_6047.PNG

 ½Øͼ/IMG_6048.PNG

 ½Øͼ/IMG_6049.PNG

 ½Øͼ/IMG_6050.PNG

 ½Øͼ/IMG_6051.PNG

 ½Øͼ/IMG_6052.PNG

 ½Øͼ/IMG_6053.PNG

 ½Øͼ/IMG_6054 2.PNG

 ½Øͼ/IMG_6054.PNG

 ½Øͼ/IMG_6055.PNG

 ½Øͼ/IMG_6056.PNG