修改

src/PRDhtml/Test.stories.mdx

+import { Meta, Story, Canvas } from '@storybook/addon-docs';
+import {linkTo} from '@storybook/addon-links';
+
+<Meta title="PRD页面展示/辽宁工行养老虎"  />
+
+<iframe src="https://activity.m.duiba.com.cn/loginOutsource/loginUrlWithIMEI?redirect=https%3A%2F%2Factivity.m.duiba.com.cn%2Fprojectx%2Fp42cacea4%2Findex.html%3FappID%3D78171&imei=13515816999&appKey=28oMTYEVWrGmpFWUdY6xvUNn1eC" frameBorder="0" width = "750" height = "1624" ></iframe>

src/canvasCom/progressBarSCom/progressBarSCom.tsx

@@ -29,7 +29,7 @@ export const ProgressBarSCom = ()=>{
 
         //进度条托管
         var progressBar = new ProgressBarS(pro ,null,(v)=>{
-            progressBarLabel.text = ((v * 100) >> 0)+"%"
+            progressBarLabel.text = ((v * 100) >> 0) + "%"
         });
 
         //监听进度条前进信息

src/docs/totalCom.less

@@ -10,16 +10,19 @@
         .itemCom{
             width: 250px;
             height: 200px;
+            box-sizing: border-box;
+            text-align: center;
+            padding-top:10px;
+            &:hover{
+                border: 2px solid #1E94FC;
+                cursor: pointer;
+            }
         }
         .com-link-span{
             display: block;
-            width: 200px;
+            width: 250px;
             text-align: center;
             color: #ffffff;
-            &:hover{
-                color: #1E94FC;
-                cursor: pointer;
-            }
         }
     }
     

src/docs/totalCom.tsx

@@ -22,9 +22,9 @@ export const TotalCom = ()=>{
                 {
                     canvasData.map((el,index)=>{
                         return (
-                            <div key={index} className="itemCom">
+                            <div key={index} className="itemCom" onClick = {canvasClickFun.bind(this,el.name)}>
                                 <img src={el.imgUrl}  width = "200" height = "150"/>
-                                <span className="com-link-span" onClick = {canvasClickFun.bind(this,el.name)} >{el.name}</span>
+                                <span className="com-link-span"  >{el.name}</span>
                             </div>
                         )
                     })
@@ -35,9 +35,9 @@ export const TotalCom = ()=>{
                 {
                     reactData.map((el,index)=>{
                         return (
-                            <div key={index}  className="itemCom">
+                            <div key={index}  className="itemCom" onClick = {reactClickFun.bind(this,el.name)}>
                                 <img src={el.imgUrl}  width = "200" height = "150"/>
-                                <span className="com-link-span" onClick = {reactClickFun.bind(this,el.name)} >{el.name}</span>
+                                <span className="com-link-span"  >{el.name}</span>
                             </div>
                         )
                     })

src/sourceCode/canvas/ProgressBarS.ts

@@ -49,7 +49,6 @@ export class ProgressBarS {
     set value(v) {
         if (v < 0) v = 0;
         if (v > 1) v = 1;
-        console.log("sssss")
         this._value = v;
         if (this.progressTxt) this.progressTxt.text = ((v * 100) >> 0) + "%";
         this.upImage.x = this.oriX - (1 - this._value) * this.maxLength;

test/Test.stories.mdx

-import { Meta, Story, Canvas } from '@storybook/addon-docs';
-import {linkTo} from '@storybook/addon-links';
-
-<Meta title="Canvas组件概览"  />
-
-# 组件库简介
-<iframe src="/pages/totalCom/indexCanvas.html" frameBorder="0" width = "750" height = "1624" ></iframe>