diff --git a/backend/data/stock_data_api.go b/backend/data/stock_data_api.go
index 200fef7..0a0b599 100644
--- a/backend/data/stock_data_api.go
+++ b/backend/data/stock_data_api.go
@@ -220,7 +220,7 @@ func (receiver StockDataApi) GetStockCodeRealTimeData(StockCode string) (*StockI
 		return &StockInfo{}, nil
 	}
 	stockData, err := ParseFullSingleStockData(GB18030ToUTF8(resp.Body()))
-	go db.Dao.Model(&StockInfo{}).Create(stockData)
+	//go db.Dao.Model(&StockInfo{}).Create(stockData)
 	return stockData, err
 }
 
diff --git a/frontend/src/components/stock.vue b/frontend/src/components/stock.vue
index 9948bcf..4f4fc77 100644
--- a/frontend/src/components/stock.vue
+++ b/frontend/src/components/stock.vue
@@ -126,6 +126,11 @@ function monitor() {
       let s=(result["当前价格"]-result["昨日收盘价"])*100/result["昨日收盘价"]
       let roundedNum = s.toFixed(2);  // 将数字转换为保留两位小数的字符串形式
       result.s=roundedNum+"%"
+
+      result.highRate=((result["今日最高价"]-result["今日开盘价"])*100/result["今日开盘价"]).toFixed(2)+"%"
+      result.lowRate=((result["今日最低价"]-result["今日开盘价"])*100/result["今日开盘价"]).toFixed(2)+"%"
+
+
       if (roundedNum>0) {
         result.type="error"
         result.color="#E88080"
@@ -141,13 +146,19 @@ function monitor() {
         result.costPrice=res[0].CostPrice
         result.volume=res[0].Volume
         result.profit=((result["当前价格"]-result.costPrice)*100/result.costPrice).toFixed(3)
+        result.profitAmountToday=(result.volume*(result["当前价格"]-result["昨日收盘价"])).toFixed(2)
+        result.profitAmount=(result.volume*(result["当前价格"]-result.costPrice)).toFixed(2)
+        if(result.profitAmount>0){
+          result.profitType="error"
+        }else if(result.profitAmount<0){
+          result.profitType="success"
+        }
       }
       results.value[result["股票名称"]]=result
     })
   }
 }
 function onSelect(item) {
-  console.log(item)
   data.code=item.split(".")[1].toLowerCase()+item.split(".")[0]
 }
 
@@ -188,18 +199,19 @@ function updateCostPriceAndVolumeNew(code,price,volume){
 <template>
     <n-grid :x-gap="8" :cols="3"  :y-gap="8">
       <n-gi v-for="result in results" >
-         <n-card size="small" :data-code="result['股票代码']" :bordered="false" :title="result['股票名称']"  :content-style="'font-size: 18px;'" closable @close="removeMonitor(result['股票代码'],result['股票名称'])">
+         <n-card size="medium" :data-code="result['股票代码']" :bordered="false" :title="result['股票名称']"  :content-style="'font-size: 18px;'" closable @close="removeMonitor(result['股票代码'],result['股票名称'])">
            <n-grid :cols="1" :y-gap="6">
              <n-gi>
-               <n-text :type="result.type" >{{result["当前价格"]}}</n-text><n-text style="padding-left: 10px;" :type="result.type">{{ result.s}}</n-text>
+               <n-text :type="result.type" >{{result["当前价格"]}}</n-text><n-text style="padding-left: 10px;" :type="result.type">{{ result.s}}</n-text>&nbsp;
+               <n-text  size="small" v-if="result.profitAmountToday>0" :type="result.type">{{result.profitAmountToday}}</n-text>
              </n-gi>
            </n-grid>
            <n-grid :cols="2" :y-gap="4" :x-gap="4" :item-style="'font-size: 14px;'">
              <n-gi>
-               <n-text :type="'info'">{{"最高 "+result["今日最高价"]}}</n-text>
+               <n-text :type="'info'">{{"最高 "+result["今日最高价"]+" "+result.highRate }}</n-text>
              </n-gi>
              <n-gi>
-               <n-text :type="'info'">{{"最低 "+result["今日最低价"]}}</n-text>
+               <n-text :type="'info'">{{"最低 "+result["今日最低价"]+" "+result.lowRate }}</n-text>
              </n-gi>
              <n-gi>
                <n-text :type="'info'">{{"昨收 "+result["昨日收盘价"]}}</n-text>
@@ -209,11 +221,13 @@ function updateCostPriceAndVolumeNew(code,price,volume){
              </n-gi>
            </n-grid>
            <template #header-extra>
-             <n-tag size="small" v-if="result.volume>0" :type="result.type">{{result.volume+"股"}}</n-tag>
+             <n-tag size="small" v-if="result.volume>0" :type="result.profitType">{{result.volume+"股"}}</n-tag>
+           </template>
+           <template #footer>
+             <n-tag size="small" v-if="result.costPrice>0" :type="result.profitType">{{"成本:"+result.costPrice+"  "+result.profit+"%"+" ( "+result.profitAmount+" ¥ )"}}</n-tag>
            </template>
            <template #action>
              <n-flex justify="space-between">
-               <n-tag size="small" v-if="result.costPrice>0" :type="result.type">{{"成本:"+result.costPrice+"  "+result.profit+"%"}}</n-tag>
                <n-button size="tiny" type="info" @click="setStock(result['股票代码'],result['股票名称'])"> 设置 </n-button>
                 <n-button size="tiny" type="warning" @click="search(result['股票代码'],result['股票名称'])"> 详情 </n-button>
              </n-flex>
diff --git a/main.go b/main.go
index 29c7975..d23eb2b 100644
--- a/main.go
+++ b/main.go
@@ -44,7 +44,7 @@ func main() {
 	// Create application with options
 	err := wails.Run(&options.App{
 		Title:             "go-stock",
-		Width:             1024,
+		Width:             1366,
 		Height:            860,
 		MinWidth:          1024,
 		MinHeight:         768,