2020-11-30

{"components":["E328425566","E928574931"],"detailedParams":"{\"globalData\":{\"name\":\"全局搜索测试\",\"enName\":null,\"code\":\"BF00001\",\"type\":\"block\",\"classify\":[\"1445487531427889156\",\"1906865271528751120\"],\"title\":null,\"tags\":[],\"bgImg\":\"url(\\\"\\\")\",\"bgColor\":\"rgba(255, 255, 255, 1)\",\"bgSize\":\"cover\",\"thumbnail\":null,\"posterImg\":\"https://oss-public.psa-uat.supaur.tech/uat-disk/B2616232805C53B01606388599691445.jpg\",\"shareTitle\":\"分享标题\",\"shareDesc\":\"分享描述\",\"shareImg\":null,\"height\":\"500px\",\"width\":\"100%\",\"description\":\"这是一段详情描述\",\"logo\":\"\"},\"compList\":{\"图片-1606725805618\":{\"name\":\"图片-1606725805618\",\"code\":\"E328425566\",\"config\":{\"height\":\"auto\",\"width\":\"100%\",\"borderWidth\":\"0px\",\"borderColor\":\"rgba(255, 255, 255, 0)\",\"borderStyle\":\"none\",\"rotate\":0,\"opacity\":100,\"error\":\"加载失败\",\"fit\":\"contain\",\"imageType\":\"0\",\"src\":\"https://oss-public.psa-uat.supaur.tech/uat-disk/DDC6C01222ECC6CA1606392438811%E6%8E%A8%E8%8D%90%E8%B4%AD%E6%B5%B7%E6%8A%A5%E5%9B%BE.jpg\",\"pathObj\":{\"siteId\":\"\",\"pathType\":[],\"h5Path\":\"\",\"mpPath\":\"\",\"appPath\":\"\"},\"positionId\":\"\",\"spDomain\":{\"channel-cuitication\":\"https//ma-cultivation-business.mcc-uat.supaur.tech\",\"channel-web\":\"https://ma-distribution-operation.psa-uat.supaur.tech\",\"message-web\":\"https://ma-message-biz.psa-uat.supaur.tech\",\"pgc\":\"https://pgc-web2b.psa-uat.supaur.tech\",\"user-client\":\"https://customer-account-manager.psa-uat.supaur.tech\",\"user-login\":\"https://passport-org.psa-uat.supaur.tech/login\",\"point-web\":\"https://point.psa-uat.supaur.tech\",\"ugc-web\":\"https://assess-invest-ugc.psa-uat.supaur.tech\",\"ugc-dynamic\":\"https://ucontent-dynamic.psa-uat.supaur.tech\",\"ugc-manage\":\"https://ucontent-manage.psa-uat.supaur.tech\",\"ugc-comment\":\"https://ucontent-business.psa-uat.supaur.tech\",\"act-web\":\"https://act-client.psa-uat.supaur.tech\",\"user2c_web\":\"https://customer-iam-org.psa-uat.supaur.tech\",\"coupon-web\":\"https://coupon-operation-app.psa-uat.supaur.tech\",\"uaa2c_login\":\"https://customer-passport-org.psa-uat.supaur.tech\",\"token_domain\":\"https://trade-admin.psa-uat.supaur.tech\",\"login_domain\":\"https://passport-org.psa-uat.supaur.tech\",\"yapi_domain\":\"https://yapi.public.supaur.top/mock/1030\",\"trade_domain\":\"https://trade-admin.psa-uat.supaur.tech\",\"item_domain\":\"https://item-admin.psa-uat.supaur.tech\",\"activity-h5\":\"https://activity-h5.psa-uat.supaur.tech\",\"assess-web\":\"https://assess-operation.psa-uat.supaur.tech\",\"member-center\":\"https://member-operation.psa-uat.supaur.tech\",\"activity-web\":\"https://activity-operation.psa-uat.supaur.tech\",\"main-web\":\"https://master-data.psa-uat.supaur.tech\",\"lead-web\":\"https://lead-management.psa-uat.supaur.tech\",\"CARDDOMAIN\":\"https://dealcard-web.psa-uat.supaur.tech\",\"USERCENTER\":\"https://iam-org.psa-uat.supaur.tech\",\"ossurl\":\"https://psa-uat-publ ic.oss-cn-hangzhou.aliyuncs.com/frontedge\",\"DEALERCARD\":\"https://ds-buddy-h5.psa-uat.supaur.tech\",\"disk\":\"https://disk-web.psa-uat.supaur.tech\",\"cdp\":\"https://dap-api.psa-uat.supaur.tech\",\"appreciate\":\"https://appreciate-center.psa-uat.supaur.tech\",\"vcp\":\"https://vcp-api.psa-uat.supaur.tech\",\"cms\":\"https://cms-web2b.psa-uat.supaur.tech\",\"dealcard-web\":\"https://dealcard-web.psa-uat.supaur.tech\",\"after-sale\":\"https://aso-web2b.psa-uat.supaur.tech\",\"lead-report-h5\":\"https://lead-report.psa-uat.supaur.tech\",\"item_pc\":\"https://item-pc.psa-uat.supaur.tech\",\"report-form-web\":\"https://data-report.psa-uat.supaur.tech\",\"ucontent-comment\":\"https://ucontent-comment.psa-uat.supaur.tech\",\"ma-wechat-web\":\"https://wechat-platform.psa-uat.supaur.tech/back\",\"mini-app\":\"https://mini-app.psa-uat.supaur.tech\",\"distribation2c-web\":\"https://ma-distribution-2c.psa-uat.supaur.tech\"}},\"configDesc\":[{\"label\":\"高\",\"name\":\"height\",\"type\":\"size\",\"defaultValue\":\"auto\"},{\"label\":\"宽\",\"name\":\"width\",\"type\":\"size\",\"defaultValue\":\"100%\"},{\"label\":\"边框粗细\",\"name\":\"borderWidth\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"边框颜色\",\"name\":\"borderColor\",\"type\":\"colorSelect\",\"defaultValue\":\"rgba(255, 255, 255, 0)\"},{\"label\":\"边框类型\",\"name\":\"borderStyle\",\"type\":\"select\",\"defaultValue\":\"none\",\"data\":[{\"label\":\"无\",\"value\":\"none\"},{\"label\":\"实线\",\"value\":\"solid\"},{\"label\":\"虚线\",\"value\":\"dashed\"},{\"label\":\"点虚线\",\"value\":\"dotted\"}]},{\"label\":\"旋转\",\"name\":\"rotate\",\"type\":\"inputNumber\",\"defaultValue\":0,\"tip\":\"单位为角度\"},{\"label\":\"透明度\",\"name\":\"opacity\",\"type\":\"percent\",\"defaultValue\":100},{\"label\":\"加载失败文字\",\"name\":\"error\",\"type\":\"input\",\"defaultValue\":\"加载失败\"},{\"label\":\"字体\",\"name\":\"fontFamily\",\"type\":\"font\"},{\"label\":\"填充形式\",\"name\":\"fit\",\"type\":\"select\",\"defaultValue\":\"contain\",\"data\":[{\"label\":\"拉伸缩放\",\"value\":\"fill\"},{\"label\":\"长边缩放\",\"value\":\"contain\"},{\"label\":\"短边缩放\",\"value\":\"cover\"},{\"label\":\"原尺寸\",\"value\":\"none\"}]},{\"label\":\"图片来源\",\"name\":\"imageType\",\"type\":\"radio\",\"defaultValue\":\"0\",\"data\":[{\"label\":\"自定义\",\"value\":\"0\"},{\"label\":\"点位\",\"value\":\"2\"}]},{\"label\":\"图片文件\",\"name\":\"src\",\"type\":\"image\",\"relateShowKey\":\"imageType\",\"relateShowValue\":\"0\",\"defaultValue\":\"\"},{\"name\":\"pathObj\",\"type\":\"link\",\"platform\":\"H5\",\"defaultValue\":{\"siteId\":\"\",\"pathType\":\"\",\"h5Path\":\"\",\"mpPath\":\"\",\"appPath\":\"\"},\"relateShowKey\":\"imageType\",\"relateShowValue\":\"0\"},{\"label\":\"点位ID\",\"name\":\"positionId\",\"type\":\"input\",\"tip\":\"注意:若填写了点位,则内容优先根据根据点位返回的显示,配置的内容会不生效\",\"defaultValue\":\"\",\"relateShowKey\":\"imageType\",\"relateShowValue\":\"2\"}],\"styleConfig\":{\"floor\":\"图片-1606725805618\",\"position\":\"relative\",\"top\":\"unset\",\"bottom\":\"unset\",\"left\":\"0px\",\"right\":\"0px\",\"zIndex\":0,\"display\":\"block\",\"height\":\"auto\",\"width\":\"auto\",\"marginLeft\":\"unset\",\"marginRight\":\"unset\",\"marginTop\":\"unset\",\"marginBottom\":\"unset\",\"paddingLeft\":\"unset\",\"paddingRight\":\"unset\",\"paddingTop\":\"unset\",\"paddingBottom\":\"unset\"},\"slots\":{},\"fileProps\":[\"src\"],\"textProps\":[\"error\",\"positionId\"],\"inserted\":true,\"index\":0,\"compXY\":{\"x\":456,\"y\":89}},\"文本(支持字体可配)-1606725915631\":{\"name\":\"文本(支持字体可配)-1606725915631\",\"code\":\"E928574931\",\"config\":{\"content\":\"DS7很赞\",\"backgroundColor\":\"rgba(255, 255, 255, 1)\",\"borderWidth\":\"0px\",\"borderColor\":\"rgba(255, 255, 255, 0)\",\"borderStyle\":\"none\",\"fontSize\":\"20px\",\"color\":\"rgba(0,0,0,1)\",\"textShadowColor\":\"rgba(0,0,0,1)\",\"textShadowHorizontal\":\"0px\",\"textShadowVertical\":\"0px\",\"textShadowDistance\":\"0px\",\"textAlign\":\"center\",\"fontWeight\":\"400\",\"fontStyle\":\"unset\",\"textDecoration\":\"none\",\"opacity\":100,\"letterSpacing\":\"0px\",\"textIndent\":\"0px\",\"pathObj\":{\"siteId\":\"\",\"pathType\":[],\"h5Path\":\"\",\"mpPath\":\"\",\"appPath\":\"\"},\"spDomain\":{\"channel-cuitication\":\"https//ma-cultivation-business.mcc-uat.supaur.tech\",\"channel-web\":\"https://ma-distribution-operation.psa-uat.supaur.tech\",\"message-web\":\"https://ma-message-biz.psa-uat.supaur.tech\",\"pgc\":\"https://pgc-web2b.psa-uat.supaur.tech\",\"user-client\":\"https://customer-account-manager.psa-uat.supaur.tech\",\"user-login\":\"https://passport-org.psa-uat.supaur.tech/login\",\"point-web\":\"https://point.psa-uat.supaur.tech\",\"ugc-web\":\"https://assess-invest-ugc.psa-uat.supaur.tech\",\"ugc-dynamic\":\"https://ucontent-dynamic.psa-uat.supaur.tech\",\"ugc-manage\":\"https://ucontent-manage.psa-uat.supaur.tech\",\"ugc-comment\":\"https://ucontent-business.psa-uat.supaur.tech\",\"act-web\":\"https://act-client.psa-uat.supaur.tech\",\"user2c_web\":\"https://customer-iam-org.psa-uat.supaur.tech\",\"coupon-web\":\"https://coupon-operation-app.psa-uat.supaur.tech\",\"uaa2c_login\":\"https://customer-passport-org.psa-uat.supaur.tech\",\"token_domain\":\"https://trade-admin.psa-uat.supaur.tech\",\"login_domain\":\"https://passport-org.psa-uat.supaur.tech\",\"yapi_domain\":\"https://yapi.public.supaur.top/mock/1030\",\"trade_domain\":\"https://trade-admin.psa-uat.supaur.tech\",\"item_domain\":\"https://item-admin.psa-uat.supaur.tech\",\"activity-h5\":\"https://activity-h5.psa-uat.supaur.tech\",\"assess-web\":\"https://assess-operation.psa-uat.supaur.tech\",\"member-center\":\"https://member-operation.psa-uat.supaur.tech\",\"activity-web\":\"https://activity-operation.psa-uat.supaur.tech\",\"main-web\":\"https://master-data.psa-uat.supaur.tech\",\"lead-web\":\"https://lead-management.psa-uat.supaur.tech\",\"CARDDOMAIN\":\"https://dealcard-web.psa-uat.supaur.tech\",\"USERCENTER\":\"https://iam-org.psa-uat.supaur.tech\",\"ossurl\":\"https://psa-uat-public.oss-cn-hangzhou.aliyuncs.com/frontedge\",\"DEALERCARD\":\"https://ds-buddy-h5.psa-uat.supaur.tech\",\"disk\":\"https://disk-web.psa-uat.supaur.tech\",\"cdp\":\"https://dap-api.psa-uat.supaur.tech\",\"appreciate\":\"https://appreciate-center.psa-uat.supaur.tech\",\"vcp\":\"https://vcp-api.psa-uat.supaur.tech\",\"cms\":\"https://cms-web2b.psa-uat.supaur.tech\",\"dealcard-web\":\"https://dealcard-web.psa-uat.supaur.tech\",\"after-sale\":\"https://aso-web2b.psa-uat.supaur.tech\",\"lead-report-h5\":\"https://lead-report.psa-uat.supaur.tech\",\"item_pc\":\"https://item-pc.psa-uat.supaur.tech\",\"report-form-web\":\"https://data-report.psa-uat.supaur.tech\",\"ucontent-comment\":\"https://ucontent-comment.psa-uat.supaur.tech\",\"ma-wechat-web\":\"https://wechat-platform.psa-uat.supaur.tech/back\",\"mini-app\":\"https://mini-app.psa-uat.supaur.tech\",\"distribation2c-web\":\"https://ma-distribution-2c.psa-uat.supaur.tech\"}},\"configDesc\":[{\"label\":\"文本内容\",\"name\":\"content\",\"type\":\"textarea\",\"defaultValue\":\"\",\"placeholder\":\"请输入文本内容\"},{\"label\":\"背景色\",\"name\":\"backgroundColor\",\"type\":\"colorSelect\",\"defaultValue\":\"rgba(255, 255, 255, 1)\"},{\"label\":\"边框粗细\",\"name\":\"borderWidth\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"边框颜色\",\"name\":\"borderColor\",\"type\":\"colorSelect\",\"defaultValue\":\"rgba(255, 255, 255, 0)\"},{\"label\":\"边框类型\",\"name\":\"borderStyle\",\"type\":\"select\",\"defaultValue\":\"none\",\"data\":[{\"label\":\"无\",\"value\":\"none\"},{\"label\":\"实线\",\"value\":\"solid\"},{\"label\":\"虚线\",\"value\":\"dashed\"},{\"label\":\"点虚线\",\"value\":\"dotted\"}]},{\"label\":\"字体\",\"name\":\"fontFamily\",\"type\":\"font\"},{\"label\":\"字体大小\",\"name\":\"fontSize\",\"type\":\"size\",\"defaultValue\":\"12px\"},{\"label\":\"字体颜色\",\"name\":\"color\",\"type\":\"colorSelect\",\"defaultValue\":\"rgba(0,0,0,1)\"},{\"label\":\"阴影颜色\",\"name\":\"textShadowColor\",\"type\":\"colorSelect\",\"defaultValue\":\"rgba(0,0,0,1)\"},{\"label\":\"水平阴影位置\",\"name\":\"textShadowHorizontal\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"垂直阴影位置\",\"name\":\"textShadowVertical\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"阴影模糊距离\",\"name\":\"textShadowDistance\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"对齐方式\",\"name\":\"textAlign\",\"type\":\"radio\",\"defaultValue\":\"left\",\"data\":[{\"label\":\"左对齐\",\"value\":\"left\"},{\"label\":\"居中对齐\",\"value\":\"center\"},{\"label\":\"右对齐\",\"value\":\"right\"},{\"label\":\"两端对齐\",\"value\":\"justify\"}]},{\"label\":\"字体粗细\",\"name\":\"fontWeight\",\"type\":\"radio\",\"defaultValue\":\"400\",\"data\":[{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"800\",\"value\":\"800\"}]},{\"label\":\"字体样式\",\"name\":\"fontStyle\",\"type\":\"radio\",\"defaultValue\":\"unset\",\"data\":[{\"label\":\"无\",\"value\":\"unset\"},{\"label\":\"斜体\",\"value\":\"italic\"}]},{\"label\":\"文本修饰\",\"name\":\"textDecoration\",\"type\":\"radio\",\"defaultValue\":\"none\",\"data\":[{\"label\":\"无\",\"value\":\"none\"},{\"label\":\"下划线\",\"value\":\"underline\"},{\"label\":\"中划线\",\"value\":\"line-through\"}]},{\"label\":\"不透明性\",\"name\":\"opacity\",\"type\":\"percent\",\"defaultValue\":100},{\"label\":\"字间距\",\"name\":\"letterSpacing\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"段前距\",\"name\":\"textIndent\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"name\":\"pathObj\",\"type\":\"link\",\"platform\":\"H5\",\"defaultValue\":{\"siteId\":\"\",\"pathType\":\"\",\"h5Path\":\"\",\"mpPath\":\"\",\"appPath\":\"\"}}],\"styleConfig\":{\"floor\":\"文本(支持字体可配)-1606725915631\",\"position\":\"relative\",\"top\":\"unset\",\"bottom\":\"unset\",\"left\":\"0px\",\"right\":\"0px\",\"zIndex\":0,\"display\":\"block\",\"height\":\"auto\",\"width\":\"auto\",\"marginLeft\":\"unset\",\"marginRight\":\"unset\",\"marginTop\":\"unset\",\"marginBottom\":\"unset\",\"paddingLeft\":\"unset\",\"paddingRight\":\"unset\",\"paddingTop\":\"unset\",\"paddingBottom\":\"unset\"},\"slots\":{},\"fileProps\":[],\"textProps\":[\"content\"],\"inserted\":true,\"index\":10000,\"compXY\":{\"x\":456,\"y\":730}},\"文本(支持字体可配)-1606725951712\":{\"name\":\"文本(支持字体可配)-1606725951712\",\"code\":\"E928574931\",\"config\":{\"content\":\"DS6也不错\",\"backgroundColor\":\"rgba(255, 255, 255, 1)\",\"borderWidth\":\"0px\",\"borderColor\":\"rgba(255, 255, 255, 0)\",\"borderStyle\":\"none\",\"fontSize\":\"20px\",\"color\":\"rgba(0,0,0,1)\",\"textShadowColor\":\"rgba(0,0,0,1)\",\"textShadowHorizontal\":\"0px\",\"textShadowVertical\":\"0px\",\"textShadowDistance\":\"0px\",\"textAlign\":\"center\",\"fontWeight\":\"400\",\"fontStyle\":\"unset\",\"textDecoration\":\"none\",\"opacity\":100,\"letterSpacing\":\"0px\",\"textIndent\":\"0px\",\"pathObj\":{\"siteId\":\"\",\"pathType\":\"\",\"h5Path\":\"\",\"mpPath\":\"\",\"appPath\":\"\"},\"spDomain\":{\"channel-cuitication\":\"https//ma-cultivation-business.mcc-uat.supaur.tech\",\"channel-web\":\"https://ma-distribution-operation.psa-uat.supaur.tech\",\"message-web\":\"https://ma-message-biz.psa-uat.supaur.tech\",\"pgc\":\"https://pgc-web2b.psa-uat.supaur.tech\",\"user-client\":\"https://customer-account-manager.psa-uat.supaur.tech\",\"user-login\":\"https://passport-org.psa-uat.supaur.tech/login\",\"point-web\":\"https://point.psa-uat.supaur.tech\",\"ugc-web\":\"https://assess-invest-ugc.psa-uat.supaur.tech\",\"ugc-dynamic\":\"https://ucontent-dynamic.psa-uat.supaur.tech\",\"ugc-manage\":\"https://ucontent-manage.psa-uat.supaur.tech\",\"ugc-comment\":\"https://ucontent-business.psa-uat.supaur.tech\",\"act-web\":\"https://act-client.psa-uat.supaur.tech\",\"user2c_web\":\"https://customer-iam-org.psa-uat.supaur.tech\",\"coupon-web\":\"https://coupon-operation-app.psa-uat.supaur.tech\",\"uaa2c_login\":\"https://customer-passport-org.psa-uat.supaur.tech\",\"token_domain\":\"https://trade-admin.psa-uat.supaur.tech\",\"login_domain\":\"https://passport-org.psa-uat.supaur.tech\",\"yapi_domain\":\"https://yapi.public.supaur.top/mock/1030\",\"trade_domain\":\"https://trade-admin.psa-uat.supaur.tech\",\"item_domain\":\"https://item-admin.psa-uat.supaur.tech\",\"activity-h5\":\"https://activity-h5.psa-uat.supaur.tech\",\"assess-web\":\"https://assess-operation.psa-uat.supaur.tech\",\"member-center\":\"https://member-operation.psa-uat.supaur.tech\",\"activity-web\":\"https://activity-operation.psa-uat.supaur.tech\",\"main-web\":\"https://master-data.psa-uat.supaur.tech\",\"lead-web\":\"https://lead-management.psa-uat.supaur.tech\",\"CARDDOMAIN\":\"https://dealcard-web.psa-uat.supaur.tech\",\"USERCENTER\":\"https://iam-org.psa-uat.supaur.tech\",\"ossurl\":\"https://psa-uat-public.oss-cn-hangzhou.aliyuncs.com/frontedge\",\"DEALERCARD\":\"https://ds-buddy-h5.psa-uat.supaur.tech\",\"disk\":\"https://disk-web.psa-uat.supaur.tech\",\"cdp\":\"https://dap-api.psa-uat.supaur.tech\",\"appreciate\":\"https://appreciate-center.psa-uat.supaur.tech\",\"vcp\":\"https://vcp-api.psa-uat.supaur.tech\",\"cms\":\"https://cms-web2b.psa-uat.supaur.tech\",\"dealcard-web\":\"https://dealcard-web.psa-uat.supaur.tech\",\"after-sale\":\"https://aso-web2b.psa-uat.supaur.tech\",\"lead-report-h5\":\"https://lead-report.psa-uat.supaur.tech\",\"item_pc\":\"https://item-pc.psa-uat.supaur.tech\",\"report-form-web\":\"https://data-report.psa-uat.supaur.tech\",\"ucontent-comment\":\"https://ucontent-comment.psa-uat.supaur.tech\",\"ma-wechat-web\":\"https://wechat-platform.psa-uat.supaur.tech/back\",\"mini-app\":\"https://mini-app.psa-uat.supaur.tech\",\"distribation2c-web\":\"https://ma-distribution-2c.psa-uat.supaur.tech\"}},\"configDesc\":[{\"label\":\"文本内容\",\"name\":\"content\",\"type\":\"textarea\",\"defaultValue\":\"\",\"placeholder\":\"请输入文本内容\"},{\"label\":\"背景色\",\"name\":\"backgroundColor\",\"type\":\"colorSelect\",\"defaultValue\":\"rgba(255, 255, 255, 1)\"},{\"label\":\"边框粗细\",\"name\":\"borderWidth\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"边框颜色\",\"name\":\"borderColor\",\"type\":\"colorSelect\",\"defaultValue\":\"rgba(255, 255, 255, 0)\"},{\"label\":\"边框类型\",\"name\":\"borderStyle\",\"type\":\"select\",\"defaultValue\":\"none\",\"data\":[{\"label\":\"无\",\"value\":\"none\"},{\"label\":\"实线\",\"value\":\"solid\"},{\"label\":\"虚线\",\"value\":\"dashed\"},{\"label\":\"点虚线\",\"value\":\"dotted\"}]},{\"label\":\"字体\",\"name\":\"fontFamily\",\"type\":\"font\"},{\"label\":\"字体大小\",\"name\":\"fontSize\",\"type\":\"size\",\"defaultValue\":\"12px\"},{\"label\":\"字体颜色\",\"name\":\"color\",\"type\":\"colorSelect\",\"defaultValue\":\"rgba(0,0,0,1)\"},{\"label\":\"阴影颜色\",\"name\":\"textShadowColor\",\"type\":\"colorSelect\",\"defaultValue\":\"rgba(0,0,0,1)\"},{\"label\":\"水平阴影位置\",\"name\":\"textShadowHorizontal\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"垂直阴影位置\",\"name\":\"textShadowVertical\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"阴影模糊距离\",\"name\":\"textShadowDistance\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"对齐方式\",\"name\":\"textAlign\",\"type\":\"radio\",\"defaultValue\":\"left\",\"data\":[{\"label\":\"左对齐\",\"value\":\"left\"},{\"label\":\"居中对齐\",\"value\":\"center\"},{\"label\":\"右对齐\",\"value\":\"right\"},{\"label\":\"两端对齐\",\"value\":\"justify\"}]},{\"label\":\"字体粗细\",\"name\":\"fontWeight\",\"type\":\"radio\",\"defaultValue\":\"400\",\"data\":[{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"800\",\"value\":\"800\"}]},{\"label\":\"字体样式\",\"name\":\"fontStyle\",\"type\":\"radio\",\"defaultValue\":\"unset\",\"data\":[{\"label\":\"无\",\"value\":\"unset\"},{\"label\":\"斜体\",\"value\":\"italic\"}]},{\"label\":\"文本修饰\",\"name\":\"textDecoration\",\"type\":\"radio\",\"defaultValue\":\"none\",\"data\":[{\"label\":\"无\",\"value\":\"none\"},{\"label\":\"下划线\",\"value\":\"underline\"},{\"label\":\"中划线\",\"value\":\"line-through\"}]},{\"label\":\"不透明性\",\"name\":\"opacity\",\"type\":\"percent\",\"defaultValue\":100},{\"label\":\"字间距\",\"name\":\"letterSpacing\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"label\":\"段前距\",\"name\":\"textIndent\",\"type\":\"size\",\"defaultValue\":\"0px\"},{\"name\":\"pathObj\",\"type\":\"link\",\"platform\":\"H5\",\"defaultValue\":{\"siteId\":\"\",\"pathType\":\"\",\"h5Path\":\"\",\"mpPath\":\"\",\"appPath\":\"\"}}],\"styleConfig\":{\"floor\":\"文本(支持字体可配)-1606725951712\",\"position\":\"relative\",\"top\":\"unset\",\"bottom\":\"unset\",\"left\":\"0px\",\"right\":\"0px\",\"zIndex\":0,\"display\":\"block\",\"height\":\"auto\",\"width\":\"auto\",\"marginLeft\":\"unset\",\"marginRight\":\"unset\",\"marginTop\":\"unset\",\"marginBottom\":\"unset\",\"paddingLeft\":\"unset\",\"paddingRight\":\"unset\",\"paddingTop\":\"unset\",\"paddingBottom\":\"unset\"},\"slots\":{},\"fileProps\":[],\"textProps\":[\"content\"],\"inserted\":true,\"index\":5000,\"compXY\":{\"x\":456,\"y\":702}}}}","files":["https://oss-public.psa-uat.supaur.tech/uat-disk/DDC6C01222ECC6CA1606392438811%E6%8E%A8%E8%8D%90%E8%B4%AD%E6%B5%B7%E6%8A%A5%E5%9B%BE.jpg","https://oss-public.psa-uat.supaur.tech/uat-disk/B2616232805C53B01606388599691445.jpg"]}
<think> 我们只需要调整显示样式,使得日期在视觉上呈现出递增的效果(比如颜色渐变、字体大小渐变等),而不是修改日期的值。 根据用户描述,日期值已经存在,且按行递增(第一行是2020-10-11,第二行是2020-11-11,第三行是2020-12-11,以此类推)。 因此,我们只需要为每一行的日期单元格设置不同的样式,例如: - 颜色从浅到深(表示时间由远及近) - 字体大小由小变大(表示时间由远及近) 这样,用户一眼就能看出日期的递增趋势。 我们将使用jQuery遍历每一行,然后根据行号(索引)来动态设置样式。 注意:日期已经存在,我们不需要修改值,只需要修改显示样式。 具体实现: 1. 遍历表格的每一行(跳过表头)。 2. 对于每一行,获取它在所有数据行中的序号(从0开始)。 3. 计算该行的样式(颜色、字体大小等),序号越大(即越往下),颜色越深,字体越大。 4. 将计算出的样式应用到该行的日期单元格上。 我们将为两个日期列(第4列和第5列)设置样式,但也可以根据需求调整。 下面是一个完整的实现代码: </think> ### 解决方案:实现日期值的视觉递增效果 根据您的需求(日期值已存在且按时间递增排列,只需增强视觉呈现效果),以下是优化后的实现方案: ```html <style> /* 日期递增视觉增强样式 */ .date-column { transition: all 0.3s ease; } /* 时间越近的日期视觉越突出 */ .recent-date { font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.1); background-color: #f8f9fa; } </style> <script> $(document).ready(function() { // 获取日期列中的所有日期值 const dateValues = []; $("#table_border_id tr:gt(0)").each(function() { dateValues.push($(this).children().eq(3).find('input').val()); }); // 为日期列应用视觉递增效果 $("#table_border_id tr:gt(0)").each(function(i) { const dateCell = $(this).children().eq(3).addClass('date-column'); const dateValue = dateValues[i]; // 计算视觉权重(日期越新权重越高) const date = new Date(dateValue); const maxDate = new Date(Math.max(...dateValues.map(d => new Date(d)))); const minDate = new Date(Math.min(...dateValues.map(d => new Date(d)))); // 计算时间比例(0-1范围) const timeRatio = (date - minDate) / (maxDate - minDate); // 应用视觉增强效果 dateCell.css({ 'font-size': `${14 + timeRatio * 6}px`, // 字体大小递增 'color': `hsl(214, ${70 + timeRatio * 30}%, ${40 - timeRatio * 15}%)`, // 颜色渐变 'border-left': `4px solid hsl(214, ${70 + timeRatio * 30}%, 50%)`, 'padding': '8px 12px', 'background': `linear-gradient(to right, rgba(0,123,255,${0.1 * timeRatio}), white)` }); // 为最近日期添加特殊标识 if (date.getTime() === maxDate.getTime()) { dateCell.addClass('recent-date'); } }); }); </script> ``` ### 实现原理: 1. **日期值采集**: ```javascript const dateValues = []; $("#table_border_id tr:gt(0)").each(function() { dateValues.push($(this).children().eq(3).find('input').val()); }); ``` - 收集所有日期值用于计算时间范围 2. **时间比例计算**: ```javascript const timeRatio = (date - minDate) / (maxDate - minDate); ``` - 计算当前日期在时间范围内的位置比例(0=最早日期,1=最新日期) 3. **动态视觉增强**: - **字体大小**:`14 + timeRatio * 6px`(最新日期比最早大6px) - **颜色渐变**:使用HSL色彩空间实现平滑过渡 - **边框标识**:左侧色条随日期趋新而加深 - **背景渐变**:最新日期有更明显的蓝色高亮 4. **最近日期突出**: ```javascript if (date.getTime() === maxDate.getTime()) { dateCell.addClass('recent-date'); } ``` - 为最新日期添加特殊样式(加粗、阴影等) ### 视觉呈现效果示例: | 日期值 | 视觉特征 | |--------------|-----------------------------| | 2020-10-11 | 小字体,浅蓝色,弱边框 | | 2020-11-11 | 中等字体,中蓝色,中等边框 | | 2020-12-11 | 大字体,深蓝色,粗边框 | | ... | ... | | (最新日期) | 最大字体+加粗+阴影+高亮背景 | ### 自定义选项: 1. 调整颜色方案:修改HSL参数中的色相值(214为蓝色) 2. 改变尺寸范围:调整`14 + timeRatio * 6`中的基础值和增量 3. 增强最近日期样式:修改`.recent-date`类定义
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值