修改样式

zhaoxing

2023-05-16 250107f90fb590fa8c67312d836f25c420c80de4

修改样式

 components/css/index.css

@@ -98,8 +98,9 @@
.flooer {

    width: 100vw;

    min-height: 128rpx;

    background: #323552;
    background: #fff;
    border-radius: 32rpx 32rpx 0 0;

    box-shadow: 0 -1 4px rgba(0, 0, 0, 0.6);

    display: flex;

    align-items: center;

    justify-content: space-between;

@@ -110,19 +111,18 @@
}



.flooer_l {

    width: 540rpx;

    /* height: 68rpx; */

    margin-left: 32rpx;

    width: 100%;

    margin: 20rpx 0 20rpx 32rpx;

    border-radius: 40rpx;

    border:2rpx solid #F6F7FB;
    background: #323552;

    border:2rpx solid rgba(0, 0, 0, 0.36);
    background: #fff;

    display: flex;

    align-items: center;

    padding: 0 30rpx;

}



.flooer_l>.u-textarea {
    background: #323552 !important;

    background: #fff !important;

    text-align: justify;

    padding: 16rpx 0;

    line-height: 1.2;


 manifest.json

@@ -83,6 +83,6 @@
                "enable" : false
            }
        },
        "title" : "GPT专业版"
        "title" : "Chat Fox"
    }
}

 pages.json

@@ -10,7 +10,7 @@
        {
            "path": "pages/index/home",
            "style": {
                "navigationBarTitleText": "智税咨询",
                "navigationBarTitleText": "ChatFox",
                "enablePullDownRefresh": false,
                "navigationStyle": "custom"
            }
@@ -19,7 +19,7 @@
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "胖大海",
                "navigationBarTitleText": "ChatFox",
                "enablePullDownRefresh": false,
                "navigationStyle": "custom"
            }
@@ -103,7 +103,7 @@
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "AI智税",
        "navigationBarTitleText": "Chat Fox",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
    },

 pages/index/chat.vue

@@ -1,11 +1,11 @@
<template>
    <view class="content">
        <u-navbar :bgColor="'#17181D'" placeholder :title="now_model.title" :titleStyle ="'color: #fff;'">
        <u-navbar :bgColor="'#302cd9'" placeholder :title="now_model.title" :titleStyle ="'color: #fff;'">
            <view slot="left">
                <u-icon @click="showLeftList = true" name="list" size="24" color="#fff"></u-icon>
                <u-icon @click="showLeftList = true" name="list" size="16" color="#fff"></u-icon>
            </view>
            <view @click="create_newChat" slot="right">
                <u-icon name="plus" size="24" color="#fff"></u-icon>
                <u-icon name="plus" size="16" color="#fff"></u-icon>
            </view>
        </u-navbar>
        <view class="body">
@@ -21,7 +21,7 @@
                            <zero-markdown-view :markdown="item.content"></zero-markdown-view>
                        </view>
                        <view style="position: absolute;right: 0;bottom: 10rpx;">
                            <u-icon @click="copy(item)" name="file-text-fill" size="30"></u-icon>
                            <u-icon @click="copy(item)" name="file-text-fill" size="24" color="#302cd9"></u-icon>
                        </view>
                    </view>
                </view>
@@ -473,12 +473,8 @@
</script>

<style lang="scss">
    page {
        background-color: #17181d;
        box-sizing: border-box;
        letter-spacing: 0;
        word-wrap: break-word;
    }
    @import url("@/static/style/color-ui.css");
	
    .safebottom {
        padding-bottom: calc(112rpx + env(safe-area-inset-bottom));
    }
@@ -591,10 +587,12 @@
<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: #fff;
        color: #222;
    }
</style>

 pages/index/home.vue

@@ -8,21 +8,12 @@
                <view style="width: calc(100vw - 60rpx);" class="padding-bottom" v-if="config.home_notice">
                    <u-notice-bar :text="config.home_notice" mode="closable"></u-notice-bar>
                </view>
                <view class="cu-card bg-gradual-blue padding radius text-lg"
                    style="line-height: 1.5;text-align: justify;">
                    {{ main_model.description ? main_model.description : '你好，欢迎体验智财小屋！我是人工智能胖大海，并经过至今最新的财税法律方面专门训练，因此我可以回答你在财税领域所有的问题，如您有使用问题，可以查阅个人中心-使用指南！' }}
                </view>
            </view>
        </view>
        <view class="flex justify-center align-center flex-direction">
            <button @click="toChat" style="width: calc(100vw - 60rpx); height: 100rpx;" class="cu-btn lines-cyan text-bold round">
            <button @click="toChat" style="width: calc(100vw - 60rpx); height: 100rpx;" class="cu-btn text-bold chat-button">
                开始咨询 (余{{num}}次) </button>
        </view>
        <!-- <text>{{ main_model.icon ? `http://ai.shsening.com${main_model.icon}` : '' }}</text> -->
        <!-- <view class="flex justify-center align-center flex-direction padding-top">
            <button @click="toTax" style="width: 650rpx;height: 100rpx;" class="cu-btn lines-orange text-bold round">
                胖智达（智税咨询） </button>
        </view> -->
        <view class="tool padding-top-xl">
            <view class="header">
                <view class="title text-bold">功能特性</view>
@@ -148,19 +139,14 @@
        }
    }
</script>
<style>
    /*每个页面公共css */
    @import url("@/static/style/color-ui.css");
</style>
<style>
    page {
        background-color: #17181d;
        box-sizing: border-box;
        letter-spacing: 0;
        word-wrap: break-word;
    }
</style>
<style lang="scss">
    @import url("@/static/style/color-ui.css");
	
    .chat-button{
        background: #302cd9 !important;
        color: #fff;
    }
	
    .tool {
        width: calc(100vw - 60rpx);
        margin: 15rpx auto;

 pages/index/index.vue

@@ -4,7 +4,7 @@
            <view v-for="(item,index) in arr" :key="index" :id="'message' + item.message_id">
                <view class="body_l" v-if="item.role == 'assistant'">
                    <view class="body_lpic a">
                        <image :src="now_model.icon" mode=""></image>
                        <image :src="`${setting_data.base_url+now_model.icon}`" mode=""></image>
                    </view>
                    <view class="body_box">
                        <!-- <view class="body_lcon pdg" v-html="item.content"></view> -->
@@ -33,7 +33,7 @@
            
            <view class="body_l" v-if="loading" id="loading">
                <view class="body_lpic a">
                    <image :src="now_model.icon" mode=""></image>
                    <image :src="`${setting_data.base_url+now_model.icon}`" mode=""></image>
                </view>
                <view class="body_box ">
                    <view class="body_lcon pdg border_radius_l" style="display: flex;overflow-x: hidden;">
@@ -87,13 +87,14 @@
                typeingText: "",
                typeingId: "",
                now_model: {},
                setting_data:'null'
            }
        },
        computed: {
            ...mapState(['config', 'num', 'userInfo'])
        },
        onLoad(op) {
            console.log(op,'op')
            this.setting_data = setting
            if (op.model) {
                this.now_model = JSON.parse(op.model)
            } else {
@@ -353,14 +354,6 @@
    }
</script>

<style>
    page {
        background-color: #17181d;
        box-sizing: border-box;
        letter-spacing: 0;
        word-wrap: break-word;
    }
</style>
<style>
    @import '../../components/css/index.css';
</style>

 pages/index/write.vue

@@ -291,16 +291,12 @@
    }
</script>

<style>
    .uni-input-input{
        color: #fff !important;
    }
</style>

<style lang="scss">
    @import url("@/static/style/color-ui.css");
	
    .input-text{
        border-radius: 22rpx;
        background: #30324f;
        background: #ecf4fd;
        border: none;
        padding: 20rpx 24rpx !important;
        margin-bottom: 20rpx;
@@ -357,7 +353,6 @@
</style>

<style>
    @import url("@/static/style/color-ui.css");

    .template-card {
        background: #30324F;

 pages/loading/loading.vue

@@ -34,13 +34,13 @@
                        "selectedIconPath": "static/tabbar/qad.png"
                    },
                    chat: {
                        text: '开始聊天',
                        text: '聊天',
                        "pagePath": "/pages/index/chat",
                        "iconPath": "static/tabbar/c.png",
                        "selectedIconPath": "static/tabbar/cd.png"
                    },
                    write: {
                        text: 'AI创作',
                        text: '创作教学',
                        "pagePath": "/pages/index/write",
                        "iconPath": "static/tabbar/wt.png",
                        "selectedIconPath": "static/tabbar/wtd.png"

 pages/mine/mine.vue

@@ -22,7 +22,7 @@
            </view>
        </view>
        <view class="mine-list padding-lr">
            <view @click="toVip" class="flex item align-center">
            <!-- <view @click="toVip" class="flex item align-center">
                <u-icon name="/static/icon/mine-gift.png" size="20"></u-icon>
                <view class="flex align-center justify-between solid-bottom margin-left-sm">
                    <view class="title">开通权益</view>
@@ -31,7 +31,7 @@
                        <u-icon name="arrow-right" color="#848B9E" size="16"></u-icon>
                    </view>
                </view>
            </view>
            </view> -->
            
            <view @click="toVip" class="flex item align-center" v-if="showPay">
                <u-icon name="/static/icon/mine-gift.png" size="20"></u-icon>
@@ -212,8 +212,8 @@
                }
            },
            toVip() {
                uni.redirectTo({
                    url:'../vip/vip'
                uni.navigateTo({
                    url:"/pages/vip/vip"
                })
            },
            toAgreement() {
@@ -339,14 +339,6 @@
        background-repeat: no-repeat;
        background-size: 100%;
        // width: 100%;
    }
</style>
<style>
    page {
        background-color: #17181d;
        box-sizing: border-box;
        letter-spacing: 0;
        word-wrap: break-word;
    }
</style>
<style lang="scss">

 pages/tab/assistant.vue

@@ -2,21 +2,7 @@
    <view class="container">
        <view class="form">
            <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">
                        aa
                        <view class="head-top-right">
                            <view class="ai-consult">
                                <u-button open-type='contact' color="#FF9900" :plain="true" text="咨询客服"></u-button>
                            </view>
                        </view>
                    </view>
                    <view class="head-bottom">
                        <text class="description">知你困境，解你烦恼，AI帮你写答案;绘声绘色，绘精彩;</text>
                    </view>
                </view>
            </u-transition> -->
			
        </view>
        <u-transition :show="true" mode="slide-right">
            <view class="tool_list">
@@ -59,7 +45,9 @@
        // },
        data() {
            return {
                setting_data:'null'
                setting_data:'null',
                showTab: false,
                tabIndex: 0
            };
        },
        computed: {
@@ -151,12 +139,7 @@
</script>

<style lang="scss">
    page {
        background-color: #17181d;
        box-sizing: border-box;
        letter-spacing: 0;
        word-wrap: break-word;
    }
    @import url("@/static/style/color-ui.css");

    .form {
        border-bottom-left-radius: 30rpx;
@@ -318,12 +301,6 @@
    }
</style>
<style scoped>
    page {
        background-color: #15151f;
        box-sizing: border-box;
        letter-spacing: 0;
        word-wrap: break-word;
    }
    .banner{
        width: 100vw;
        height: calc(100vw * 0.324);

 static/style/color-ui.css

@@ -5,7 +5,10 @@
 ==================== */

page {
  background: #17181D;
  background: #ecf4fd;
  box-sizing: border-box;
  letter-spacing: 0;
  word-wrap: break-word;
  font-size: 28rpx;
  color: #333;
  font-family: Helvetica Neue, Helvetica, sans-serif;

 static/tabbar/cd.png

 static/tabbar/homed.png

 static/tabbar/mined.png

 static/tabbar/modeld.png

 static/tabbar/wtd.png

 store/index.js

@@ -16,12 +16,12 @@
        models: [],
        is_loaded: false,
        tabbar: {
            "selectedColor": "#01e681",
            "color": "#848597",
            "selectedColor": "#302cd9",
            "color": "#afbdca",
            "fontSize": "16",
            "list": [
                {
                    "text": "模型切换",
                    "text": "AI创作",
                    "pagePath": "pages/tab/assistant",
                    "iconPath": "static/tabbar/model.png",
                    "selectedIconPath": "static/tabbar/modeld.png"

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

@@ -195,7 +195,7 @@
                if (reload) {}
                return obj2strStyle({
                    'height': `${tabbarHeight}rpx`,
                    'background-color': backgroundColor || '#323552',
                    'background-color': backgroundColor || '#fff',
                })
            },
            tabbarItemStyle() {