样式更新

zhaoxing

2023-05-18 fb58f708f07484b490a13f45cbc0d88c2189af6a

样式更新

 pages/index/home.vue

@@ -1,13 +1,13 @@
<template>
    <view>
    <view class="home-bg">
        <view class="margin-top-xl">
            <view v-if="config.site_title" class="flex align-center justify-center flex-direction padding margin-top-lg">
            <view v-if="config.site_title" class="flex align-center justify-center flex-direction padding">
                <image v-if="config.site_title" :src="main_model.icon ? `${setting_data.base_url+main_model.icon}` : ''" mode="aspectFill"
                    style="background-color: #f4f5f6;width: 160rpx;height: 160rpx;" class="round"></image>
                <view class="text-bold text-xxl text-cyan padding-tb"> {{ main_model.title ? main_model.title : '专业版' }} </view>
                <view style="width: calc(100vw - 60rpx);" class="padding-bottom" v-if="config.home_notice">
                <view class="text-bold text-xxl padding-tb"> {{ main_model.title ? main_model.title : '专业版' }} </view>
                <!-- <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> -->
            </view>
        </view>
        <view class="flex justify-center align-center flex-direction">
@@ -202,6 +202,17 @@
<style lang="scss">
    @import url("@/static/style/color-ui.css");
    
    .home-bg {
      background: url('@/static/home_bg.jpg') #ecf4fd no-repeat;
      background-size: 100% auto;
      background-position: 0 -32px;
      box-sizing: border-box;
      padding-top: 144px;
    }
	
    .margin-top-xl{
        margin: 0;
    }
    .chat-button{
        background: #302cd9 !important;
        color: #fff;

 pages/index/write.vue

@@ -1,5 +1,5 @@
<template>
    <view>
    <view class="home-bg">
        <!-- #ifndef H5 -->
        <u-navbar placeholder title="AI创作教学">
        </u-navbar>
@@ -280,19 +280,29 @@
    }
</script>

<style lang="scss">
<style lang="scss" scoped>
    @import url("@/static/style/color-ui.css");
	
    .home-bg {
      background: url('@/static/home_bg.jpg') #ecf4fd no-repeat;
      background-size: 100% auto;
      background-position: 0 -32px;
      box-sizing: border-box;
      padding-top: 144px;
    }
    
    .input-text{
        border-radius: 16rpx;
        background: #fff;
        border: 2rpx solid #607389;
        // border: 2rpx solid #607389;
        border: none;
        padding: 20rpx 24rpx !important;
        margin-bottom: 20rpx;
        color: #fff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    }
    .text-title{
        color: #607389;
        color: #222;
        font-size: 36rpx;
        font-weight: 500;
    }
@@ -302,10 +312,12 @@
        border-radius: 16rpx;
        border: none;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
        
        .u-textarea--radius{
            border-radius: 16rpx 16rpx 0 0;
            padding: 24rpx;
            border: none;
        }
        
        .btn{
@@ -378,11 +390,13 @@
    }

    .anser-area {
        color: #93949D;
        color: #303133;
        background: #fff;
        border-radius: 16rpx;
        padding: 24rpx;
        min-height: 120px;
        margin-bottom: 15px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    }

    .directask .askaquestion {

 pages/tab/assistant.vue

@@ -325,7 +325,4 @@
        width: 100vw;
        height: calc(100vw * 0.324);
    }
    page {
      background: #fff;
    }
</style>

 static/home_bg.jpg