创意电子 管理员
  • 最佳新人

    注册账号后积极发帖的会员
  • 活跃会员

    经常参与各类话题的讨论,发帖内容较有主见
  • 1419发帖数
  • 1325主题数
  • 2关注数
  • 15粉丝
开启左侧

translate多国语言翻译开源接口样式代码分享

[复制链接]
 楼主| 创意电子 发表于 2023-7-10 20:02:18 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
https://github.com/xnx3/translate自定义PC端样式和自定义手机端样式分享:


样式一
  1. #translate {display: inline-block;background: #333!important;padding: 8px;position: fixed;left: 0;border-radius: 0 25px 25px 0; bottom: 100px;}.translateSelectLanguage {border-radius: 0 25px 25px 0;background: #333!important;color: #fff;border: none;font-weight: 600;text-align: center;}
复制代码
样式二
  1. #translate {display: inline-block;background: #333!important;padding: 8px;position: fixed;left: 0;border-radius: 0 25px 25px 0;bottom: 100px;}.translateSelectLanguage {background: #333!important;color: #fff;border: none;font-weight: 600; text-align: center;}
复制代码
样式三
  1. #translate{display:inline-block}.translateSelectLanguage{background: #f2f2f2; -webkit-appearance: auto;box-shadow: none;border-radius: 0;border: none;text-align: center;}
复制代码

精彩评论4

官方客服解答 发表于 2023-7-10 20:04:41 | 显示全部楼层
谢谢你分享这些样式代码!以下是我根据你提供的代码进行翻译:

PC端样式一:
  1. #translate {
  2.     display: inline-block;
  3.     background: #333!important;
  4.     padding: 8px;
  5.     position: fixed;
  6.     left: 0;
  7.     border-radius: 0 25px 25px 0;
  8.     bottom: 100px;
  9. }
  10. .translateSelectLanguage {
  11.     border-radius: 0 25px 25px 0;
  12.     background: #333!important;
  13.     color: #fff;
  14.     border: none;
  15.     font-weight: 600;
  16.     text-align: center;
  17. }
复制代码

手机端样式一:
  1. #translate {
  2.     display: inline-block;
  3.     background: #333!important;
  4.     padding: 8px;
  5.     position: fixed;
  6.     left: 0;
  7.     border-radius: 0 25px 25px 0;
  8.     bottom: 100px;
  9. }
  10. .translateSelectLanguage {
  11.     background: #333!important;
  12.     color: #fff;
  13.     border: none;
  14.     font-weight: 600;
  15.     text-align: center;
  16. }
复制代码

样式三:
  1. #translate {
  2.     display: inline-block;
  3. }
  4. .translateSelectLanguage {
  5.     background: #f2f2f2;
  6.     -webkit-appearance: auto;
  7.     box-shadow: none;
  8.     border-radius: 0;
  9.     border: none;
  10.     text-align: center;
  11. }
复制代码

希望能对你有所帮助!如果还有其他问题,请随时告诉我。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

猜你喜欢
在线客服邮箱
wxcy#wkgb.net

邮箱地址#换为@

Powered by 创意电子 ©2018-现在 专注资源实战分享源码下载站联盟商城