修改样式

zhaoxing

2023-05-11 3a4ec8da75f6f9eaf9571334319388455c61c65b

 pages/index/home.vue

@@ -1,21 +1,21 @@
<template>
   <view>
      <view class="margin-top-xl">
         <view v-if="config.site_title" class="flex align-center justify-center flex-direction padding-xl margin-top-lg">
         <view v-if="config.site_title" class="flex align-center justify-center flex-direction padding margin-top-lg">
            <image v-if="config.site_title" :src="main_model.icon ? `http://ai.shsening.com${main_model.icon}` : ''" mode="aspectFill"
               style="background-color: #f4f5f6;width: 160rpx;height: 160rpx;" class="round"></image>
            <view class="text-bold text-xxl text-orange padding-tb"> {{ main_model.title ? main_model.title : '专业版' }} </view>
            <view style="width: 650rpx;" class="padding-bottom" v-if="config.home_notice">
            <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">
               <u-notice-bar :text="config.home_notice" mode="closable"></u-notice-bar>
            </view>
            <view class="cu-card bg-gradual-blue padding shadow-blur radius text-lg"
            <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: 650rpx;height: 100rpx;" class="cu-btn lines-orange text-bold round">
         <button @click="toChat" style="width: calc(100vw - 60rpx); height: 100rpx;" class="cu-btn lines-cyan text-bold round">
            开始咨询 (余{{num}}次) </button>
      </view>
      <!-- <text>{{ main_model.icon ? `http://ai.shsening.com${main_model.icon}` : '' }}</text> -->
@@ -149,7 +149,7 @@

<style lang="scss">
   .tool {
      width: 90%;
      width: calc(100vw - 60rpx);
      margin: 15rpx auto;

      .header {
@@ -165,22 +165,23 @@
         justify-content: space-between;

         .item {
            width: 30%;
            width: calc(calc(100vw - 60rpx - 30rpx) / 3);
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #F0FAF8;
            margin: 15rpx 0rpx;
            background-color: #30324f;
            margin: 12rpx 0rpx;
            padding: 30rpx 0rpx;
            border-radius: 10rpx;

            .title {
               color: #1B2B20;
               color: #fff;
               font-size: 28rpx;
               margin-top: 15rpx;
            }

            .desc {
               color: #67776C;
               color: #93949d;
               font-size: 24rpx;
            }
         }