生产车间大屏配置素材

本文将提供生产车间大屏相关的配置素材,按照demo即可配置出同样炫酷的车间大屏

更多主题样式素材和伙伴云大屏的更多功能详见:功能更新日志

img

素材下载

大屏背景

img

img

工厂模型gif图

使用图片组件上传该gif素材

img

样式复制

选择对应组件,进入样式设置, 复制对应代码进行样式粘贴

img

大标题

img

创建文本-大标题组件并复制以下代码粘贴样式

{"type":"COPIED_WIDGET_STYLE_TYPE","origin":"widget","style":{"card":{"background_fill_var":{"data":{"__meta__":{"id":"ba5becc8-2fe9-40ed-9200-408acb9982af","type":"image"},"file_id":654482483},"extra":{"position":"center","type":"cover","zoom_percent":100},"type":"uploadImage"},"has_background_blur":false,"has_rounded":true,"has_shadow":true,"text_color_type":"light"},"style_type":"card","title":{"background_color_var":"gray-color-700","background_fill_var":{"data":"","type":"empty"},"has_background":false,"has_rounded":true,"name_as_title":false,"text_color_fill_var":{"data":"follow-parent-color","type":"followParentColor"}}},"__meta_data__":{"ba5becc8-2fe9-40ed-9200-408acb9982af":{"id":"ba5becc8-2fe9-40ed-9200-408acb9982af","type":"image","file_id":654482483,"file_data":{"file_id":654482483,"name":"头图.png","ref_id":7000000000322719,"ref_type":"page","link":{"small":"https://hb-v4-attachment-oss.huoban.com/attachment/654482483/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f120x120%253e%3Bresponse-content-disposition%26q-signature%3Dd4a4b2af012e452cd6a36d98fc8cf12400145b89&response-content-disposition=inline%3B%20filename%3D%22%25E5%25A4%25B4%25E5%259B%25BE.png%22%3B%20filename%2A%3Dutf-8%27%27%25E5%25A4%25B4%25E5%259B%25BE.png&imageMogr2%2Fthumbnail%2F120x120%3E","medium":"https://hb-v4-attachment-oss.huoban.com/attachment/654482483/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f540x3000%253e%3Bresponse-content-disposition%26q-signature%3Dc08ceff76b402d8ce175f1e27c1601e651b12d6c&response-content-disposition=inline%3B%20filename%3D%22%25E5%25A4%25B4%25E5%259B%25BE.png%22%3B%20filename%2A%3Dutf-8%27%27%25E5%25A4%25B4%25E5%259B%25BE.png&imageMogr2%2Fthumbnail%2F540x3000%3E","large":"https://hb-v4-attachment-oss.huoban.com/attachment/654482483/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f1000x3000%253e%3Bresponse-content-disposition%26q-signature%3Db9eae03a342e00d6fbb4d9916e0bc97523d45d13&response-content-disposition=inline%3B%20filename%3D%22%25E5%25A4%25B4%25E5%259B%25BE.png%22%3B%20filename%2A%3Dutf-8%27%27%25E5%25A4%25B4%25E5%259B%25BE.png&imageMogr2%2Fthumbnail%2F1000x3000%3E","square":"https://hb-v4-attachment-oss.huoban.com/attachment/654482483/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f%2521320x320r%257cimagemogr2%252fcrop%252f320x320%252fgravity%252fcenter%3Bresponse-content-disposition%26q-signature%3D34dd1084577a2bb70f579addcbbe3a1594eb8401&response-content-disposition=inline%3B%20filename%3D%22%25E5%25A4%25B4%25E5%259B%25BE.png%22%3B%20filename%2A%3Dutf-8%27%27%25E5%25A4%25B4%25E5%259B%25BE.png&imageMogr2%2Fthumbnail%2F%21320x320r%7CimageMogr2%2Fcrop%2F320x320%2Fgravity%2Fcenter","source":"https://hb-v4-attachment-oss.huoban.com/attachment/654482483/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dresponse-content-disposition%26q-signature%3D636f5c992b89ab00f83ac9f2a441e74851896ed4&response-content-disposition=inline%3B%20filename%3D%22%25E5%25A4%25B4%25E5%259B%25BE.png%22%3B%20filename%2A%3Dutf-8%27%27%25E5%25A4%25B4%25E5%259B%25BE.png","download":"https://hb-v4-attachment-oss.huoban.com/attachment/654482483/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dresponse-content-disposition%26q-signature%3Dc3cdb9524a71d405b8568bb4a66fe360ead3dd61&response-content-disposition=attachment%3B%20filename%3D%22%25E5%25A4%25B4%25E5%259B%25BE.png%22%3B%20filename%2A%3Dutf-8%27%27%25E5%25A4%25B4%25E5%259B%25BE.png"},"size":210293,"ext":"png","filetype":"image","thumb_info":{"source":{"width":3938,"height":254,"size":211748}}}}}}

img

统计指标

img

使用统计指标组件并复制以下代码粘贴样式

{"type":"COPIED_WIDGET_STYLE_TYPE","origin":"widget","style":{"card":{"background_fill_var":{"data":"rgba(0, 0, 0, 0)","extra":[],"type":"customColor"},"border_fill_var":{"data":{"__meta__":{"id":"f347766f-6dab-499e-b660-e75a1d21aa4d","type":"image"},"file_id":653152907},"extra":{"border_position":{"bottom":16,"left":16,"right":16,"top":16},"position":"center","type":"border","zoom_percent":30},"type":"uploadImage"},"has_background_blur":false,"has_rounded":false,"has_shadow":true,"text_color_type":"light"},"style_type":"card","title":{"background_color_var":"empty","background_fill_var":{"data":"","type":"empty"},"has_background":false,"has_rounded":true,"name_as_title":false,"text_color_type":"follow"}},"__meta_data__":{"f347766f-6dab-499e-b660-e75a1d21aa4d":{"id":"f347766f-6dab-499e-b660-e75a1d21aa4d","type":"image","file_id":653152907,"file_data":{"file_id":653152907,"name":"body.png","ref_id":7000000000315334,"ref_type":"page","link":{"small":"https://hb-v4-attachment-oss.huoban.com/attachment/653152907/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f120x120%253e%3Bresponse-content-disposition%26q-signature%3D574b482382682a5c3f47daed5dc4bff1bfcaccaf&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png&imageMogr2%2Fthumbnail%2F120x120%3E","medium":"https://hb-v4-attachment-oss.huoban.com/attachment/653152907/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f540x3000%253e%3Bresponse-content-disposition%26q-signature%3Dfce52a9166f095429aeb5f3b7d79da65292ac209&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png&imageMogr2%2Fthumbnail%2F540x3000%3E","large":"https://hb-v4-attachment-oss.huoban.com/attachment/653152907/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f1000x3000%253e%3Bresponse-content-disposition%26q-signature%3D03589082c09d79e7ed4be83a5883dde29576c6e6&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png&imageMogr2%2Fthumbnail%2F1000x3000%3E","square":"https://hb-v4-attachment-oss.huoban.com/attachment/653152907/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f%2521320x320r%257cimagemogr2%252fcrop%252f320x320%252fgravity%252fcenter%3Bresponse-content-disposition%26q-signature%3D3ceefa6c3eb11d4fe9a9e08653bb15fd7959a6bd&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png&imageMogr2%2Fthumbnail%2F%21320x320r%7CimageMogr2%2Fcrop%2F320x320%2Fgravity%2Fcenter","source":"https://hb-v4-attachment-oss.huoban.com/attachment/653152907/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dresponse-content-disposition%26q-signature%3D4063a29af02f1f6f9383d644b2f6b70ffa909f1f&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png","download":"https://hb-v4-attachment-oss.huoban.com/attachment/653152907/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dresponse-content-disposition%26q-signature%3Db3bf2971b98798533db2b5d157bd2095852f09d7&response-content-disposition=attachment%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png"},"size":197126,"ext":"png","filetype":"image","thumb_info":{"source":{"width":1064,"height":730,"size":11885}}}}}}

img

图表/表格列表

使用图表/网格视图等组件,并复制以下代码粘贴样式

{"type":"COPIED_WIDGET_STYLE_TYPE","origin":"widget","style":{"card":{"background_fill_var":{"data":"rgba(0, 0, 0, 0)","extra":[],"type":"customColor"},"border_fill_var":{"data":{"__meta__":{"id":"a31ec666-a5d5-404f-8762-ef4aa4eb35f9","type":"image"},"file_id":653153474},"extra":{"border_position":{"bottom":160,"left":30,"right":30,"top":160},"position":"center","type":"border","zoom_percent":50},"type":"uploadImage"},"has_background_blur":false,"has_rounded":false,"has_shadow":true,"text_color_type":"light"},"style_type":"card","title":{"align":"left","background_color_var":"empty","background_fill_var":{"data":{"__meta__":{"id":"4c64dbe2-7e4f-4b42-81e0-6c1d2363bc51","type":"image"},"file_id":653154204},"extra":{"border_position":{"bottom":16,"left":60,"right":260,"top":16},"position":"left","type":"titleSlice","zoom_percent":50},"type":"uploadImage"},"has_background":false,"has_rounded":true,"margin":36,"name_as_title":true,"text_color_fill_var":{"data":"lightblue-color-100","extra":[],"opacity":1,"type":"color"},"text_color_type":"follow"}},"__meta_data__":{"4c64dbe2-7e4f-4b42-81e0-6c1d2363bc51":{"id":"4c64dbe2-7e4f-4b42-81e0-6c1d2363bc51","type":"image","file_id":653154204,"file_data":{"file_id":653154204,"name":"head.png","ref_id":7000000000315334,"ref_type":"page","link":{"small":"https://hb-v4-attachment-oss.huoban.com/attachment/653154204/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f120x120%253e%3Bresponse-content-disposition%26q-signature%3Da51a351dbb89195fd35ca960cdc6be006a55d78d&response-content-disposition=inline%3B%20filename%3D%22head.png%22%3B%20filename%2A%3Dutf-8%27%27head.png&imageMogr2%2Fthumbnail%2F120x120%3E","medium":"https://hb-v4-attachment-oss.huoban.com/attachment/653154204/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f540x3000%253e%3Bresponse-content-disposition%26q-signature%3Dc2b2796e429b86a9b5be175dab1302fcd02f4fcd&response-content-disposition=inline%3B%20filename%3D%22head.png%22%3B%20filename%2A%3Dutf-8%27%27head.png&imageMogr2%2Fthumbnail%2F540x3000%3E","large":"https://hb-v4-attachment-oss.huoban.com/attachment/653154204/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f1000x3000%253e%3Bresponse-content-disposition%26q-signature%3D65622856c66a8e2008b7dc5729919e69c1739357&response-content-disposition=inline%3B%20filename%3D%22head.png%22%3B%20filename%2A%3Dutf-8%27%27head.png&imageMogr2%2Fthumbnail%2F1000x3000%3E","square":"https://hb-v4-attachment-oss.huoban.com/attachment/653154204/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f%2521320x320r%257cimagemogr2%252fcrop%252f320x320%252fgravity%252fcenter%3Bresponse-content-disposition%26q-signature%3Dbe7bf3b8b8618fc00a3a1d5bee80872c09dd5a10&response-content-disposition=inline%3B%20filename%3D%22head.png%22%3B%20filename%2A%3Dutf-8%27%27head.png&imageMogr2%2Fthumbnail%2F%21320x320r%7CimageMogr2%2Fcrop%2F320x320%2Fgravity%2Fcenter","source":"https://hb-v4-attachment-oss.huoban.com/attachment/653154204/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dresponse-content-disposition%26q-signature%3Df18e177b5c43f32d630c57fc81112e69ee3e97ba&response-content-disposition=inline%3B%20filename%3D%22head.png%22%3B%20filename%2A%3Dutf-8%27%27head.png","download":"https://hb-v4-attachment-oss.huoban.com/attachment/653154204/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dresponse-content-disposition%26q-signature%3D15f1e061c004a00a2bf7453dcefe798f9b350295&response-content-disposition=attachment%3B%20filename%3D%22head.png%22%3B%20filename%2A%3Dutf-8%27%27head.png"},"size":9860,"ext":"png","filetype":"image","thumb_info":{"source":{"width":1060,"height":80,"size":7784}}}},"a31ec666-a5d5-404f-8762-ef4aa4eb35f9":{"id":"a31ec666-a5d5-404f-8762-ef4aa4eb35f9","type":"image","file_id":653153474,"file_data":{"file_id":653153474,"name":"body.png","ref_id":7000000000315334,"ref_type":"page","link":{"small":"https://hb-v4-attachment-oss.huoban.com/attachment/653153474/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f120x120%253e%3Bresponse-content-disposition%26q-signature%3Da23fd65a7023da34a70ba96669541a0f77fc01d0&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png&imageMogr2%2Fthumbnail%2F120x120%3E","medium":"https://hb-v4-attachment-oss.huoban.com/attachment/653153474/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f540x3000%253e%3Bresponse-content-disposition%26q-signature%3D17433d0da086094b496471eae8b4b0fce739b436&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png&imageMogr2%2Fthumbnail%2F540x3000%3E","large":"https://hb-v4-attachment-oss.huoban.com/attachment/653153474/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f1000x3000%253e%3Bresponse-content-disposition%26q-signature%3Dad49bc33c3592191a77ba564494fadcc1c80380c&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png&imageMogr2%2Fthumbnail%2F1000x3000%3E","square":"https://hb-v4-attachment-oss.huoban.com/attachment/653153474/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dimagemogr2%252fthumbnail%252f%2521320x320r%257cimagemogr2%252fcrop%252f320x320%252fgravity%252fcenter%3Bresponse-content-disposition%26q-signature%3D6867045c7584bdeb4011c7de8580d5d002562213&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png&imageMogr2%2Fthumbnail%2F%21320x320r%7CimageMogr2%2Fcrop%2F320x320%2Fgravity%2Fcenter","source":"https://hb-v4-attachment-oss.huoban.com/attachment/653153474/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dresponse-content-disposition%26q-signature%3Dd89a648707d9361b11beafb6259be6d0f411b73d&response-content-disposition=inline%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png","download":"https://hb-v4-attachment-oss.huoban.com/attachment/653153474/0?sign=q-sign-algorithm%3Dsha1%26q-ak%3DAKIDwpKza4Yu8FVfieRyqt8iP8tsrqnrvvpc%26q-sign-time%3D1720774649%3B1720778309%26q-key-time%3D1720774649%3B1720778309%26q-header-list%3Dhost%26q-url-param-list%3Dresponse-content-disposition%26q-signature%3De14fe8276d9e681467e3d3a5269bf841779e242d&response-content-disposition=attachment%3B%20filename%3D%22body.png%22%3B%20filename%2A%3Dutf-8%27%27body.png"},"size":250891,"ext":"png","filetype":"image","thumb_info":{"source":{"width":1062,"height":736,"size":85478}}}}}}

img

2024-07-12 更新
727 次查看
0